Search Results for "css framework"
Sort By:
Showing 26 open source projects for "css framework"
View related business solutions-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
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.
-
1
linaria
Zero-runtime CSS in JS library
Write CSS in JS and get real CSS files during build. Use dynamic prop-based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support. Write CSS in JS, but with zero runtime, CSS is extracted to CSS files during build. Use dynamic prop-based styles with the React bindings, uses CSS variables behind the scenes. -
2
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
3
Meraki UI
Tailwind CSS components that support RTL languages
Meraki UI is a free and open source collection of Tailwind CSS components designed to help developers quickly build responsive and visually appealing web interfaces with minimal effort. The library focuses on simplicity and accessibility by providing copy-and-paste HTML components that can be easily integrated into any project without requiring complex setup or framework dependencies. It includes a wide variety of UI elements and sections for websites and landing pages, all built using modern layout techniques such as Flexbox and CSS Grid to ensure consistent responsiveness across devices. ... -
4
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... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
Tamagui
Style React fast with 100% parity on React Native
...The framework provides a superset of the React Native styling API, allowing developers to write styles once and have them work consistently across environments. Tamagui also includes a full UI kit with both styled and unstyled components, enabling flexible design system creation. Its compiler performs advanced optimizations such as CSS extraction, tree flattening, and dead code elimination, reducing bundle size and improving rendering speed. -
6
media-chrome
Custom elements (web components) for making audio and video player
...Instead of relying on default browser controls or proprietary player APIs, Media Chrome introduces a set of reusable custom elements that can be composed using standard HTML, styled with CSS, and integrated into any JavaScript framework including React, Angular, and Svelte. The library supports a wide range of media sources, including native HTML5 video and audio elements as well as third-party players like YouTube and HLS-based streams, making it highly adaptable to different use cases. Its architecture is built around the concept of a media controller and modular control components, enabling developers to easily add, remove, or customize features such as playback controls, volume sliders, timelines, and fullscreen buttons. -
7
HyperUI
Free Tailwind CSS v4 components for your next project
HyperUI is a large, copy-and-paste library of Tailwind CSS components aimed at speeding up interface building without adding heavy JavaScript. It groups components by common product needs—navigation, hero sections, pricing, forms, cards, tables, and full e-commerce flows—so teams can assemble pages quickly from consistent building blocks. Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s Tailwind config. ... -
8
templUI
A growing collection of beautifully designed UI components for Go
templUI is a modern UI component library built specifically for Go applications using the templ templating language, offering a developer-first approach to building interfaces with strong type safety and performance. It provides a growing collection of beautifully designed, production-ready components styled with Tailwind CSS, allowing developers to construct modern web interfaces without relying on heavy frontend frameworks. One of its defining principles is code ownership, meaning... -
9
dockview
Zero dependency docking layout manager supporting tabs
...The system also supports theming and customization through CSS variables, allowing seamless integration into different design systems. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
Nebular
Customizable Angular UI Library based on Eva Design System
Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and Security modules. Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on beautiful designs to adapt them to your brand. Nebular is free of charge and open-source. Nebular is a customizable Angular UI Library based on Eva Design System specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. Each feature is a separate... -
11
Phlex
Object-oriented views in Ruby
Phlex is a Ruby-based framework for building HTML and SVG views using object-oriented programming principles, offering a unique alternative to traditional template systems like ERB. It allows developers to write UI components entirely in Ruby, providing full control over structure, logic, and rendering without mixing HTML and templating syntax. One of its key advantages is performance, as it can render HTML extremely quickly while maintaining predictable scaling even with complex component hierarchies. ... -
12
Taiko
A node.js library for testing modern web applications
...It provides a concise JavaScript API that allows developers to control browsers programmatically and create automated test scripts that simulate real user interactions with websites. The tool was developed by the team behind the Gauge testing framework and focuses on reliability and readability in browser automation workflows. Taiko works with Chromium-based browsers such as Chrome, Microsoft Edge, and Opera, and can also interact with Firefox, enabling developers to test modern web interfaces across multiple environments. The library includes intelligent element selection capabilities that automatically locate elements on the page, reducing the need for fragile CSS selectors or XPath expressions. -
13
Vanilla Web Projects
Mini projects built with HTML5, CSS & JavaScript
...This repository is popular for daily practice, classroom demos, and portfolio starters because it emphasizes results you can see in the browser immediately. By avoiding heavy tooling, it keeps the focus on fundamentals that carry over to any library or framework later. -
14
Classnames
A simple javascript utility for conditionally joining classNames
Classnames is a minimal JavaScript utility that helps you construct CSS class strings based on conditional logic. Instead of manually concatenating strings, developers can pass any combination of strings, arrays, or objects, and the library will output a clean, space-separated class list. 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. -
15
React Demos
A collection of simple demos of React.js
This repository is a curated collection of small, focused React examples intended to illustrate core concepts through runnable code. Each demo isolates a single idea—such as component composition, state and props, lifecycle hooks, or event handling—so learners can see cause and effect without framework noise. The code favors clarity over abstraction, making it easy to copy, tweak, and compare different approaches to the same problem. Many examples are deliberately minimal, showing just enough HTML, CSS, and JavaScript to highlight the React pattern being taught. The structure encourages hands-on learning: open a demo, modify a prop or state update, and observe how the UI reacts. ... -
16
Binding.scala
Reactive data-binding for Scala
...Binding.scala can be used as the basis of UI frameworks, however latest Binding.scala 12.x does not contain any build-in UI frameworks anymore. For creating reactive HTML UI, you may want to check out html.scala, which is a UI framework based on Binding.scala, and it is also the successor of the previously built-in dom library. See also React / Binding.scala / html.scala Interoperability for using existing React components with Binding.scala. Regular HTML does not compile unless developers manually replace class and for attributes to className and htmlFor, and manually convert inline styles from CSS syntax to JSON syntax. -
17
Magnus UI
A Utility-First React Native UI Framework
Magnus UI is a utility-first UI framework designed to simplify the process of building consistent and visually appealing mobile interfaces using React Native. It follows a design philosophy similar to Tailwind CSS, where developers apply styling directly through component props rather than separate stylesheets, allowing for rapid UI development and easier maintenance. -
18
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
19
Flowy
The minimal javascript library to create flowcharts
...It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. The library focuses on simplicity and aesthetics, offering a clean look out of the box that can be customized with your own CSS, making it suitable for dashboards, SaaS products, or internal tools. Events emitted by flowy enable integration with your own data model, so you can sync block positions, connections, and metadata back to a database or application state. It is framework-agnostic, so it can be dropped into vanilla JavaScript projects or wrapped inside React, Vue, or other frameworks. -
20
ULib
C++ application development framework, to help developers create apps
ULib is a highly optimized class framework for writing C++ applications. I wrote this framework as my tool for writing applications in various contexts. It is a result of many years of work as a C++ programmer. I think, in my opinion, that its strongest points are simplicity, efficiency, and sophisticated debugging. ULib is meant as a very lightweight C++ library to facilitate using C++ design patterns even for very deeply embedded applications, such as for systems using uclibc along with... -
21
QuoJS
Micro #JavaScript Library for Mobile Devices
QuoJS is a lightweight JavaScript library aimed at building mobile-first web interfaces with a focus on touch interactions and simple DOM utilities. It provides a compact, jQuery-like API for element selection, traversal, and manipulation, but trims the surface area to keep payloads small for mobile browsers. A core feature set centers on high-level touch gestures—such as tap, double-tap, swipe, pinch, and long-tap—abstracting away platform quirks so developers can attach handlers... -
22
UltraPlugin.js
A smart framework to developing sites and web applications
[This project has been discontinued but you can use ALL versions created] UltraPlugin.js is the ultra smart powerful union of a data library containing a large proportion of functions that allows the user to develop web sites and applications in a pleasant and fast way with a framework that creates several possibilities by joining Html, Css and Visual Basic Script with the JS itself and allowing several new types of elements. This project is totally open-source and has a natural development so that users can adapt the work to their own way, besides being able to contribute with the author, warning bugs, faults or even possible improvements. ... -
23
generation
A CSS3 based framework
A CSS3 based framework for HTML5 and designed for an easy use and fast web develop. -
24
Webiness
Lightweight PHP framework
...It can be used for rapid prototyping of web applications. Webiness is integrated with jQuery, and it comes with a set of AJAX-enabled features and his own light CSS framework for frontend development. Trying to be secure, it has integrated authetification and authorization module, RBAC user interface, sessions expire feature, input validation, CSRF protection, SQL injection prevention and other security features. -
25
rscss
Reasonable System for CSS Stylesheet Structure
rscss (“Reasonable System for CSS Stylesheet Structure”) is a naming and organization style guide aimed at keeping CSS maintainable as projects scale. It proposes a consistent vocabulary—components, elements, variants, and utilities—so teams can infer intent directly from class names. The approach is intentionally lightweight: it’s a set of conventions, not a framework, so it layers cleanly over any build system or preprocessor.
