Search Results for "css framework"
Sort By:
Showing 32 open source projects for "css framework"
View related business solutions-
$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.
-
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
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
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. ... -
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
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. -
6
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. ... -
7
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. -
8
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. -
9
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... -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
books-collection
To the programmer's open source and free books collection
books-collection is a curated directory of open-source and freely accessible books for programmers. Its maintainers state that listed resources are reviewed manually before inclusion. The collection contains both Chinese and English material, with markers identifying language and downloadable files. Topics include databases, security, Java, Go, Python, Rust, web development, JavaScript, Node.js, CSS, Linux, architecture, cloud computing, operating systems, and artificial intelligence.... -
11
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. -
12
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... -
13
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. ... -
14
Neiki's Charts
Lightweight SVG chart Web Component
Neiki's Charts is a lightweight SVG chart library built as a native Web Component. Drop a single script tag into any HTML page and get four chart types — Line, Bar, Pie, and Scatter — with no build step, no framework, and zero dependencies. CSS is bundled automatically, so one file is all you need. The component uses Shadow DOM for style encapsulation and fits cleanly into any project without CSS conflicts. Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. ... -
15
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. -
16
CSS Layout
A collection of popular layouts and patterns made with CSS
CSS Layout is a reference collection of common interface layouts and component patterns built with pure CSS. It contains more than one hundred examples that developers can copy, study, combine, and customize. The patterns use modern browser features such as Flexbox and CSS Grid rather than framework-specific abstractions. The collection avoids dependencies, JavaScript requirements, and large design systems. -
17
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. -
18
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. ... -
19
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. -
20
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. -
21
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. -
22
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. -
23
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... -
24
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... -
25
classList.js
Cross-browser element.classList
...The script works in nearly all historical browsers except Internet Explorer 7 and earlier. Its small standalone and minified builds make it suitable for legacy sites that need consistent DOM class handling without a framework.
