Search Results for "styling"
Sort By:
Showing 34 open source projects for "styling"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
1
React Bits Library
Open source collection of animated, interactive React components
...It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. The library supports both JavaScript and TypeScript variants for many components, giving developers flexibility in how they use and adapt them to their codebase. React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
2
Oat UI
Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
...The project focuses on simplicity and performance, allowing developers to create clean, modern interfaces without relying on heavy frameworks or complex build systems. Oat works by applying sensible default styling directly to standard HTML elements, meaning developers can achieve polished layouts with little to no custom classes. Its small footprint makes it especially attractive for static sites, documentation, prototypes, and low-overhead web applications. The library can be installed via npm, CDN, or direct download, making it flexible across different development workflows. ... -
3
TailAdmin
Free and Open-source Tailwind CSS Dashboard Admin Template
TailAdmin is a free and open source admin dashboard template built with Tailwind CSS, designed to help developers quickly create data-driven web applications and backend interfaces. It provides a complete starting point for dashboards, including prebuilt pages, layouts, and UI components that are commonly required in admin panels and control systems. The template is built using a combination of HTML, Tailwind CSS, Alpine.js, and modern build tools, making it lightweight while still offering... -
4
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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. -
6
Float UI
Beautiful and responsive UI components and templates
Float UI is an open-source collection of modern UI components and website templates built primarily for React, with planned support for Vue, designed to help developers rapidly build visually polished and responsive web applications. It combines Tailwind CSS with carefully crafted design patterns to deliver components that are both aesthetically appealing and production-ready. The project includes a wide variety of reusable UI elements and complete templates, such as landing pages,... -
7
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. -
8
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. -
9
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... -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
10
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/ -
11
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. -
12
vue-datatables-net
Vue jQuery DataTables.net wrapper component
...Alternatively, if you simply want to integrate with a server-side datatables.net compatible endpoint, then I'd like to suggest looking at bootstrap-vue b-table and this component. Default configuration and provide an example for bootstrap5 styling. Though, it allows for complete flexibility of customization with any other jQuery DataTables-supported theme. -
13
DataTables
Tables plug-in for jQuery
...The plugin is modular, with a core that provides essentials and a wide range of extensions that cover advanced functionality like fixed headers, responsive layouts, and inline editing. Styling can be adapted to frameworks like Bootstrap or Foundation, making it blend seamlessly into modern UIs. Because it handles large datasets efficiently, DataTables has become a go-to component for dashboards, reporting tools, and admin interfaces. -
14
react-pxq
Implement modern front-end architecture with idiomatic React patterns
...It shows how to break a product into cohesive components, manage global and local state, and coordinate data-fetching with UI updates. Routing is used to separate feature areas, while shared UI primitives keep styling and behavior consistent across screens. The code emphasizes ES6+ conventions, async flows, and clean separation of concerns to keep maintenance approachable. It also spotlights responsive layout techniques and interaction states that make the app feel polished on mobile and desktop. For learners transitioning from tutorials to full apps, this repo offers a practical, readable example of a React project that’s structured for growth. -
15
Airbnb JavaScript Style Guide
JavaScript Style Guide
The Airbnb JavaScript Style Guide is a widely adopted, opinionated, open-source set of coding conventions and best practices for writing readable, maintainable JavaScript (and React/JSX) code, published under the MIT license and assuming usage of modern tooling such as Babel and ESLint. Whichever testing framework you use, you should be writing tests. Strive to write many small pure functions, and minimize where mutations occur. Be cautious about stubs and mocks - they can make your tests... -
16
Krajee bootstrap-star-rating
A simple yet powerful JQuery star rating plugin with fractional rating
A simple yet powerful JQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support. Developed with a focus on utilizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup. Ability to size the rating control to any size including the stars, caption, and clear button. Five prebuilt size templates are available xl, lg, md, sm, and xs. However one can have their own size configured through a simple CSS manipulation. ... -
17
jquery-jeditable
jQuery edit in place plugin. Extendable via plugin architecture
jQuery edit-in-place plugin. Extendable via plugin architecture. Plugins for plugin. Really. Bind it to an element on the page, and when clicked the element will become a form that will be sent by asynchronous (ajax) POST request to a URL. Works with text inputs, textarea, select, date picker, and more… Comes with a ton of different options you can use to do exactly what you want. -
18
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
...It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. The project emphasizes progressive enhancement and calls out where fallbacks or browser caveats may apply, reflecting the realities of shipping layouts on the web. Even as CSS Grid gained traction, the patterns remain a practical reference for component-level alignment and one-dimensional layouts where Flexbox excels. ... -
19
React-WeUI
WeUI Components build with React
...Its purpose is to let developers build mobile-oriented interfaces with React while preserving the visual language and component behavior expected from WeUI. The project combines React components with the underlying WeUI styling, which means teams can work in a modern component architecture instead of manually stitching together markup and CSS for each screen. The repository includes documentation with live examples, installation options for both package managers and browser-based usage, and example code that shows how quickly a page can be assembled from imported components. ... -
20
React Native Extended StyleSheet
Extended StyleSheets for React Native
React Native Extended StyleSheet is a drop-in styling extension for React Native that adds capabilities beyond the standard StyleSheet API. It lets developers define global and local variables for reusable styling values. Media queries and relative units make layouts more adaptable to different screen sizes. The library supports dynamic themes that can recalculate application styles when theme variables change. -
21
MRN
A Material Design style React Native component library.
...The library includes various UI elements such as buttons, cards, lists, and navigation components, all designed to align with Material Design aesthetics. MRN focuses on simplifying the process of building native-like mobile interfaces within React Native, reducing the need for manual styling and design implementation. It supports Android starting from API level 16, although it does not include full support for iOS, which limits its cross-platform reach. The project is no longer actively maintained, but it still serves as a useful reference or starting point for developers exploring Material Design in React Native. -
22
printThis
jQuery printing plugin; print specific elements on a page
jQuery printing plugin; print specific elements on a page. Filter which inline style attributes to remove. Requires removeInline to be true. Accepts custom CSS/jQuery selectors. The amount of time to wait before calling print() in the printThis iframe. Defaults to 1000 milliseconds. Appropriate values depend heavily on the content and network performance. Graphics heavy, slow, or uncached content may need extra time to load. Use a custom page title on the iframe. This may be reflected on the... -
23
tcomb-form-native
Forms library for react-native
...The library connects model definitions, validation rules, and UI generation into one workflow, reducing repetitive form code in React Native apps. It supports common input types, custom templates, styling options, and validation feedback based on the underlying tcomb schema. The project is useful for apps that need many structured forms and want consistency across fields and screens. Although it reflects an older React Native ecosystem, it remains a notable example of model-driven form generation for mobile interfaces. -
24
Masonry
A cascading grid layout plugin
...It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing. Set percentPosition: true so item positions are likewise set with percentages to reduce adjustment transitions on window resize. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download at imagesloaded.desandro.com. ... -
25
AbsurdJS
A JavaScript library with superpowers
...It is useful for developers interested in code-driven styling, preprocessor experimentation, and older JavaScript-first approaches to componentized web output.
