Search Results for "styling"
Sort By:
Showing 69 open source projects for "styling"
View related business solutions-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
Keep company data safe with Chrome EnterpriseMake AI work your way with Chrome Enterprise. Block unapproved sites and set custom data controls that align with your company's policies.
-
1
Docsy
Hugo theme for open source documentation
...It provides an elegant and consistent layout optimized for documentation sets, with built-in features such as automatic navigation, customizable site structure, and responsive design. The theme simplifies the process of building and maintaining documentation sites by offering flexible configuration options, modern styling, and seamless integration with Hugo’s static site generation system. Users can easily adapt Docsy for projects of any scale—whether personal developer docs or large enterprise documentation hubs. It supports the use of SCSS and PostCSS for advanced styling and includes compatibility with Hugo modules for streamlined project setup and modular development. ... -
2
Prettier
Opinionated Code Formatter
Prettier is an open source, opinionated code formatter that basically takes all the original styling of your code and enforces a consistent code style through parsing and reprinting following its own rules. It takes the maximum line length into account, wrapping code if needed. Prettier makes writing code in one consistent style automatic, painless and so much easier. No need to spend so much time, effort and mental energy discussing styles or formatting your code. -
3
React Select
The Select Component for React.js
...React Select has a very flexible approach to data, allowing you to customize in whatever way you need with its set of customizable functions. It also has an extensible styling API with emotion, long-requested features like animation, option groups, portal support, and more. -
4
NativeScript Tailwind
Makes using TailwindCSS in NativeScript a whole lot easier
The nativescript-tailwind plugin integrates the Tailwind CSS framework into NativeScript projects, allowing developers to use utility-first CSS classes to style their mobile applications consistently and efficiently. -
Cloud data warehouse to power your data-driven innovationBigQuery Studio provides a single, unified interface for all data practitioners of various coding skills to simplify analytics workflows from data ingestion and preparation to data exploration and visualization to ML model creation and use. It also allows you to use simple SQL to access Vertex AI foundational models directly inside BigQuery for text processing tasks, such as sentiment analysis, entity extraction, and many more without having to deal with specialized models.
-
5
Svelte
Cybernetically enhanced web apps
...Write breathtakingly concise components using languages you already know, HTML, CSS, and JavaScript. Oh, and your application bundles will be tiny as well. Built-in scoped styling, state management, motion primitives, form bindings and more — don't waste time trawling npm for the bare essentials. It's all here. -
6
OverlayScrollbars
A javascript scrollbar plugin which hides native scrollbars
...It does not replace the native scrollbars, it just hides them to guarantee 100% native scrolling. It also provides additional and highly customizable DOM elements to style your own scrollbars. To check how flexible the styling is, take a look at the examples in the styling demo. Textarea elements have extended support. Dependent on your options, textures can have dynamic width and height. This means the size of the text area is dependent of its content. For more information please read the documentation to the textarea options or check out the textarea demo. ... -
7
Classnames
A simple javascript utility for conditionally joining classNames
...When you provide an object, the keys represent class names and the boolean values determine whether each class should be included in the final string. This reduces boilerplate and the risk of typos or stray spaces, especially in React, Vue, or other component-based UIs where dynamic styling is common. The utility is small and framework-agnostic, so it can be used in Node, browser code, or any bundler setup including Browserify and Webpack. It maintains backwards compatibility while evolving (for example, introducing polyfill requirements for older browsers in newer versions), and it ships with TypeScript bindings for better type safety. -
8
Twin
Twin blends the magic of Tailwind with the flexibility of css-in-js
...When babel runs over your javascript or typescript files at compile time, twin grabs your classes and converts them into CSS objects. These CSS objects are then passed into your chosen CSS-in-js library without the need for an extra client-side bundle. Twin collapses imports from common styling libraries into a single import. Adds no size to your build. Twin converts the classes you’ve used into CSS objects using Babel and then compiles away, leaving no runtime code. Twin chimes in with class and variant values from your Tailwind config. Works with the official tailwind vscode plugin. Avoid having to look up your classes with auto-completion straight from your Tailwind config. ... -
9
Ionic
Build amazing Native and Progressive Web Apps with web technologies
Ionic is an open source mobile app development framework based on Web components that makes it easy to build fast, top quality native and progressive web apps. It uses web technologies that significantly improve design, performance and usability. -
Simplify Purchasing For Your BusinessSimplify every aspect of buying for your business in Order.co. From sourcing products to scaling purchasing across locations to automating your AP and approvals workstreams, Order.co is the platform of choice for growing businesses.
-
10
GrapesJS
Free and Open source Web Builder Framework
...If the default set is not enough you can always add your own custom blocks. GrapesJS implements simple and powerful Style Manager module which enables independent styling of any component inside the canvas. It's also possible to configure it to use any of the CSS properties. -
11
React Joyride
Create guided tours in your apps
Showcase your app to new users or explain functionality of new features. It uses react-floater for positioning and styling. And you can use your own components too! -
12
Prism
Lightweight, robust, elegant syntax highlighting
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. -
13
react-native-popup-menu
Popup menu component for React Native
...Simple to use popup/context menu. Multiple modes: animated, not animated, slide in from the bottom or popover. By default opening and closing animations. Optional back button handling. Easy styling. Customizable on various levels - menu options, positioning, animations. Can work as controlled as well as uncontrolled components. Different lifecycle hooks. RTL layout support. -
14
Chalk
Terminal string styling done right
Chalk 5 is ESM. If you want to use Chalk with TypeScript or a build tool, you will probably want to use Chalk 4 for now. Chalk comes with an easy to use composable API where you just chain and nest the styles you want. Chain styles and call the last one as a method with a string argument. Order doesn't matter, and later styles take precedent in case of a conflict. This simply means that chalk.red.yellow.green is equivalent to chalk.green. Color support is automatically detected, but you can... -
15
AMP
Web component framework for building ads, emails, websites and more
AMP is an open source web component framework that allows you to easily create user-first websites, ads, emails, stories and more. AMP creates fast, smooth-loading web pages that prioritize the user-experience, consistently providing a fast experience across all devices and platforms. -
16
Gantry Framework
Next Generation Template / Theme Framework
Develop CMS themes quickly and efficiently while providing flexibility and ease of use for end-users. Gantry was born when the RocketTheme development team wanted to consolidate our extensive set of custom Grav, Joomla and WordPress theme functionality into a simple, easy-to-use framework. Yes, that’s right! Gantry 5 has a powerful and easy-to-use Layout Manager that ensures controlling the layout is a highly visual experience. When we started the Gantry 5 project, we wanted to think past... -
17
Happo
Visual diffing in CI for user interfaces
...It hooks into your CI environment to compare the visual appearance of UI components before and after a change. Screenshots are taken in different browsers and across different screen sizes to ensure consistent cross-browser and responsive styling of your application. The first thing you want to do is to set up a test suite for Happo. A test suite consists of a set of components and variants of those components. There are many ways to do this, and it all depends on your existing tech stack, your application, your experience with other test frameworks, and more. -
18
HyperUI
Free Tailwind CSS v4 components for your next project
...Accessibility is treated pragmatically: markup favors proper roles and focus states, and most interactive behaviors can be wired with lightweight libraries or framework code if desired. Because everything is plain markup, adoption is frictionless in any stack (React, Vue, Svelte, Rails, Laravel), and designers can tweak styling without refactoring component logic. -
19
Bootstrap Table
Extended table to integration with some of the most widely used CSS
...That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups. -
20
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the... -
21
react-native-progress
Progress indicators and spinners for React Native
...This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import the specific progress component they need and pass props like progress, indeterminate, size, and styling options. It supports both determinate progress (showing a specific fraction completed) and indeterminate spinners for ongoing tasks with unknown duration. Because it is MIT-licensed and widely used, it has become a common choice in React Native projects for loading states, file uploads, and task progress displays. -
22
Modern UI/UX GPT-3
Master the creation of Modern UX/UI Websites
This repository teaches how to craft a modern marketing site with polished UI/UX patterns using React and CSS. It focuses on layout, typography, spacing, and component structure to produce a landing page feel often seen in contemporary product sites. The project encourages clean semantics and reusable components while keeping the stack lightweight. It’s positioned as a design-driven build rather than a data-heavy app, making it ideal for practicing hero sections, feature blocks, responsive... -
23
NativeUI
The most crossbrowser web UI library that uses native browser elements
NativeUI is a CSS and JavaScript library that adheres to the KISS principle and focuses on utilizing standard features provided by browsers, which are most optimized for each specific platform, and therefore provide the best performance and user experience. The library ensures cross-browser behavior and styling of built-in browser elements of user interface and text formatting, adding commonly used user interface elements such as modal windows, image viewer, menus, tabs, form messages, etc. It also contains some useful JavaScript functions for development, such as request() and getFormData(). You can see the demo here: https://nativeui.sourceforge.io/ -
24
Coframe
Coframe brings your UX to life with AI-powered optimization
Bring your UX to life with AI-powered optimization and personalization. Coframe brings the content of your app or website to life through AI-powered optimization, personalization, and overall self-improvement. It takes minutes to integrate, and the ROI is clear to measure. Your website or app gains self-enhancing abilities with Coframe, learning from real-world performance. It's A/B testing, but with a serious upgrade. Coframe uses the latest in AI to generate copy that is tailored to your... -
25
Ignite UI for jQuery
Ignite UI for jQuery by Infragistics
...Inside Ignite UI for jQuery you'll find user experience controls and components for creating engaging line-of-business web applications that target the browsers for both mobile & desktop environments. Ignite UI for jQuery is built on jQuery and jQuery UI and ties in seamlessly with the jQuery core model and conventions including all styling support via jQuery UI Theme Roller. Beyond jQuery Ignite UI for jQuery features support for Bootstrap themes, AngularJS, Knockout, and jQuery Mobile.
