Open-source css-framework software
806 open-source libraries, tools and applications tagged css-framework, ranked by how closely css-framework is their primary purpose, then by adoption and maintenance health. Each entry links to a page with sources, use cases and when to choose or avoid it.
806 products, primary matches first, then adoption-weighted; health v2 shown.
| Product | Health v2 | Stars | Maturity |
|---|---|---|---|
| styled-components A small helper library for styled-components that makes it easy to define multiple themes (e.g. light/dark mode) for React apps. It generat… | 67 | 1168 | maintenance |
| oliver-gomes/csswand CSS Wand is a web app that lets users preview and copy-paste beautiful CSS effects like hover, loading, and button animations, with a built… | 32 | 1168 | maintenance |
| Foundation for Sites Motion UI is a standalone Sass library for creating flexible CSS transitions and animations, originally bundled with Foundation for Apps an… | 23 | 1167 | maintenance |
| StartBootstrap/startbootstrap-new-age New Age is a free, open-source Bootstrap 5 landing page theme for web apps created by Start Bootstrap. It ships prebuilt HTML/CSS/JS in a d… | 32 | 1153 | maintenance |
| GoogleChromeLabs/container-query-polyfill A small (9 kB) polyfill for CSS Container Queries built on ResizeObserver and MutationObserver, supporting the full @container query syntax… | 59 | 1150 | maintenance |
| laravel-frontend-presets/tailwindcss A Laravel frontend preset package that scaffolds Tailwind CSS into a fresh Laravel application via artisan commands. It optionally generate… | 23 | 1149 | maintenance |
| CodyFrame CodyFrame is a lightweight SCSS/CSS front-end framework for building accessible, bespoke interfaces using CSS custom properties and utility… | 23 | 1145 | maintenance |
| kettanaito/atomic-layout Atomic Layout is a React library for building declarative, responsive layouts using CSS Grid. It separates element rendering from spacing v… | 10 | 1137 | maintenance |
| finnhvman/matter Matter is a pure CSS library implementing Material Design components with just one class per HTML element, requiring no JavaScript. It prov… | 23 | 1134 | maintenance |
| NMFR/optimize-css-assets-webpack-plugin A Webpack plugin that searches for CSS assets during the Webpack build and optimizes/minimizes them, by default using cssnano. It also solv… | 32 | 1132 | maintenance |
| doabit/semantic-ui-sass A Sass-powered port of the Semantic UI CSS framework packaged as a Ruby gem for Rails, Compass, and Sprockets. It lets developers import Se… | 23 | 1131 | maintenance |
| spritesmith A Grunt task that converts a set of images into a spritesheet and generates corresponding CSS variables for formats like CSS, SASS, SCSS, L… | 32 | 1128 | maintenance |
| benschwarz/gallery-css Gallery.css is a pure-CSS image gallery/carousel component requiring no JavaScript, with optional autoplay animation and anchor-based contr… | 10 | 1127 | maintenance |
| iainc/iA-Writer-Templates A collection of official and example templates for iA Writer that let users preview, export PDFs, and print documents in custom styles. Tem… | 32 | 1126 | maintenance |
| oliverzheng/howtocenterincss A web-based code generator that produces HTML and CSS for centering or aligning text and divs within a container. Users specify content typ… | 32 | 1123 | maintenance |
| awssat/tailwindo Tailwindo is a PHP tool that converts Bootstrap CSS classes in HTML/PHP files to equivalent Tailwind CSS classes. It can process single fil… | 26 | 1116 | maintenance |
| digicorp/propeller Propeller is a front-end responsive CSS/JS framework based on Google's Material Design standards and Bootstrap 3, offering 25 ready-to-use … | 23 | 1116 | maintenance |
| nrandecker/particle Particle is a minimalist Jekyll theme for developers to build a personal portfolio site. It bundles SASS, Gulp, particles.js animations, Fo… | 10 | 1097 | maintenance |
| paulcollett/react-masonry-css A dependency-free React component that renders fast, responsive masonry layouts using flexbox and CSS rather than JavaScript height calcula… | 32 | 1052 | maintenance |
| DennisSnijder/MakeGithubGreatAgain A browser extension for Chrome and Firefox that restores GitHub's classic look by removing the dark topbar and reverting the new color sche… | 23 | 1051 | maintenance |
| Slicejack/bojler Bojler is an email framework for developing responsive, lightweight HTML email templates that render correctly across popular email clients… | 23 | 1051 | maintenance |
| xiangsudian/CaoMei CaoMei (Strawberry) Icon is a free, open-source icon library designed for developers and creators, distributed as a CSS stylesheet plus ico… | 23 | 1050 | maintenance |
| Windmill Dashboard Windmill Dashboard is a production-ready, fully accessible admin dashboard template built with Tailwind CSS, Alpine.js, and Chart.js, with … | 23 | 1050 | maintenance |
| CreativeIT/material-angular-dashboard A free, MIT-licensed Angular admin dashboard template styled with Google Material Design, featuring a responsive dark theme built with Sass… | 23 | 1045 | maintenance |
| Siumauricio/rippleui RippleUI is a Tailwind CSS plugin providing a collection of pre-styled, reusable UI components such as buttons, modals, forms, and navigati… | 23 | 1042 | maintenance |
| endtwist/kerning.js Kerning.js is a small jQuery-dependent JavaScript library that lets you kern, style, transform, and scale web typography per-letter or per-… | 32 | 1039 | maintenance |
| TalksLab/metro-bootstrap metro-bootstrap is a Twitter Bootstrap theme restyled in the Windows Metro (Modern UI) visual style, distributed as compiled CSS and LESS s… | 66 | 1037 | maintenance |
| webkul/csspin CSSPIN is a pure CSS library of loaders and spinners built with the LESS preprocessor, where each spinner is a modular, customizable compon… | 23 | 1037 | maintenance |
| rosario/kasper A Jekyll port of Ghost's default Casper v1 theme, providing a ready-to-use blog layout with pagination, RSS, syntax highlighting, Disqus co… | 32 | 1030 | maintenance |
| NeoPOP NeoPOP is CRED's React component library implementing its NeoPOP design system, providing pre-built UI components, primitives, hooks, and u… | 23 | 1030 | maintenance |
| creativetimofficial/material-dashboard-angular2 A free Material Design admin dashboard template built on Angular and Bootstrap, created by Creative Tim. It provides a responsive layout wi… | 23 | 1023 | maintenance |
| zostera/django-bootstrap4 A Django app that integrates Bootstrap 4 via template tags and filters for rendering forms and components. It is now in maintenance mode, r… | 67 | 1022 | maintenance |
| danielcardoso/load-awesome A collection of 53 pure CSS loaders and spinners for websites, requiring no JavaScript. Each animation ships as a standalone CSS file that … | 23 | 1021 | maintenance |
| woocommerce/storefront Storefront is the official WordPress theme built by the WooCommerce team, offering deep integration with WooCommerce core and popular exten… | 71 | 1019 | maintenance |
| shakacode/bootstrap-loader A Webpack loader that loads Bootstrap styles and scripts into a Webpack bundle, supporting Bootstrap 3 and 4 with configurable styles, scri… | 60 | 1019 | maintenance |
| kylelogue/mustard-ui Mustard UI is a lightweight, CSS-only starter framework built with modular SCSS, featuring a flexbox-based 12-column grid and customizable … | 32 | 1017 | maintenance |
| reflexjs/reflexjs Reflexjs is a React styling library for rapid UI development using style props, themes, variants, and color modes, based on the System UI s… | 32 | 1016 | maintenance |
| lucagez/Debucsser Debucsser is a lightweight JavaScript library that overlays CSS debugging information (element selectors, dimensions, spacing) directly in … | 32 | 1005 | maintenance |
| larsenwork/postcss-easing-gradients A PostCSS plugin that transforms linear-gradient and radial-gradient declarations containing easing functions (cubic-bezier, ease, steps) i… | 32 | 1002 | maintenance |
| simplethemes/skeleton_wp Skeleton is a simple, responsive WordPress theme based on the Skeleton Boilerplate, featuring shortcodes for tabs, toggles, CSS3 buttons, a… | 32 | 1000 | maintenance |
| tailwindlabs/tailwindcss-aspect-ratio An official Tailwind CSS plugin that adds composable aspect-w-{n}/aspect-h-{n} utility classes for giving elements a fixed aspect ratio via… | 56 | 998 | maintenance |
| Raathigesh/fabulous Fabulous is a VS Code extension that adds a CSS properties sidebar for visually editing styles. It supports CSS-in-JS libraries like styled… | 23 | 996 | maintenance |
| Chainlift/liftkit LiftKit is a UI framework and component library built on a system of formulas for scaling, spacing, and color that enforce design best prac… | 46 | 3267 | experimental |
| jensimmons/cssremedy CSS Remedy is a modern CSS reset/base stylesheet that sets default styles to what the CSS Working Group would design today, free of legacy … | 23 | 2222 | experimental |
| hrescak/Sketch-Flex-Layout A Sketch plugin that applies CSS Flexbox layouts to layers using stylesheets or prototype layer groups. It is an early work-in-progress too… | 32 | 1696 | experimental |
| tokencss/tokencss Token CSS is a PostCSS-based tool that integrates the Design Tokens format into CSS workflows, converting token names in .css and <style> b… | 23 | 1112 | experimental |
| tokenami/tokenami Tokenami is a utility-first CSS library for building type-safe design systems using atomic CSS variables, with no runtime injection or bund… | 92 | 1019 | experimental |
| angular/material AngularJS Material is a UI component library implementing Google's Material Design specification (2014-2017) for AngularJS 1.x single-page … | 10 | 16390 | abandoned |
| scottjehl/Respond Respond.js is a fast, lightweight JavaScript polyfill that adds min/max-width CSS3 Media Query support to browsers lacking it, primarily In… | 10 | 11196 | abandoned |
| h5bp/Effeckt.css Effeckt.css is a CSS library of performant, hardware-accelerated transitions and animations for UI elements like modals, buttons, list item… | 10 | 10805 | abandoned |
| dunovank/jupyter-themes A Python package and CLI (jt) that applies custom CSS themes to classic Jupyter Notebooks, with configurable fonts, colors, syntax highligh… | 41 | 9819 | abandoned |
| jquery-archive/jquery-mobile jQuery Mobile is an HTML5-based touch-optimized UI framework built on jQuery and jQuery UI for creating responsive mobile web sites and app… | 10 | 9595 | abandoned |
| thoughtbot/bourbon Bourbon is a lightweight, dependency-free library of Sass mixins and functions for writing stylesheets more efficiently. It was deprecated … | 10 | 8998 | abandoned |
| museui/muse-ui Muse-UI is a Material Design component library for Vue.js 2.0, providing prebuilt UI components installable via npm. The project is explici… | 23 | 8134 | abandoned |
| Stitches Stitches is a CSS-in-JS styling library with near-zero runtime, first-class variant support, theming tokens, and server-side rendering, off… | 10 | 7774 | abandoned |
| FormidableLabs/radium Radium is a set of tools for managing inline styles on React elements, supporting hover/focus/active states, media queries, vendor prefixin… | 10 | 7327 | abandoned |
| JSS JSS is a library for authoring CSS style sheets using JavaScript as the host language, generating and managing styles programmatically. It … | 23 | 7047 | abandoned |
| Compass Compass is a Sass-based CSS authoring framework that provides mixins, reusable patterns, and a command-line compiler/watcher for generating… | 32 | 6650 | abandoned |
| filamentgroup/loadCSS loadCSS is a small JavaScript utility and pattern for loading CSS stylesheets asynchronously so they do not block page rendering. It is now… | 10 | 6628 | abandoned |
| vmware-archive/clarity Clarity is an open source design system by VMware providing UX guidelines, design resources, and accessible UI components built with web co… | 10 | 6393 | abandoned |
| stubbornella/oocss Object Oriented CSS (OOCSS) is a CSS framework and methodology by Nicole Sullivan that promotes separating structure from skin and containe… | 23 | 6176 | abandoned |
| ekmas/neobrutalism-components A collection of neobrutalism-styled React components built on Tailwind CSS and shadcn/ui, installable via the shadcn CLI. It provides dozen… | 72 | 5599 | abandoned |
| MoOx/postcss-cssnext postcss-cssnext is a PostCSS plugin that lets developers use tomorrow's CSS syntax today by transforming modern CSS specs into more compati… | 10 | 5255 | abandoned |
| ha-fusion A full Home Assistant configuration showcasing a custom-designed Lovelace dashboard with button-card and layout-card, responsive views, pop… | 23 | 5207 | abandoned |
| gajus/react-css-modules A React library that automatically maps class names to CSS Modules inside React components, enabling locally scoped, modular CSS. It is dep… | 23 | 5155 | abandoned |
| Pixelkit/PixelKit-Bootstrap-UI-Kits A collection of free Bootstrap-based UI kits (Funky Tunes, Skinny Frames, City Break, Chubby Stacks, Sweet Candy) offering pre-made design … | 32 | 4900 | abandoned |
| visionmedia/move.js Move.js is a small JavaScript library that makes CSS3-backed animations simple and elegant through a fluent, chainable API. It supports tra… | 23 | 4686 | abandoned |
| Geist UI Geist UI is a React-based design system providing a set of UI components for building modern websites and applications, built on CSS-in-JS … | 10 | 4555 | abandoned |
| lihongxun945/jquery-weui jQuery WeUI is a lightweight UI component library for jQuery/Zepto built on top of WeUI, designed for WeChat official account (公众号) web dev… | 10 | 4409 | abandoned |
| thoughtbot/neat Neat is a lightweight, fluid grid framework written in Sass, part of the Bourbon family, providing mixins for float-based column layouts. I… | 10 | 4355 | abandoned |
| elementalui/elemental Elemental UI is a React and CSS (Less) component framework providing flexible, attractive UI controls for building web interfaces. It was d… | 32 | 4277 | abandoned |
| Topcoat Topcoat is a CSS library providing clean, fast UI components and themes for web apps, including mobile-oriented light/dark themes. It is di… | 23 | 4236 | abandoned |
| nathansmith/960-Grid-System The 960 Grid System is a lightweight CSS framework providing 12-, 16-, and 24-column page layouts based on a 960-pixel width, plus printabl… | 32 | 4164 | abandoned |
| oddbird/susy Susy is a design-agnostic Sass/SCSS library of functions for building custom responsive grid layouts, created before flexbox and CSS Grid w… | 23 | 3819 | abandoned |
| bopoda/ace A responsive admin dashboard template built on Twitter Bootstrap 3, distributed as static HTML, CSS, and JavaScript files. It is an unoffic… | 10 | 3731 | abandoned |
| paypal/glamorous Glamorous is a React library for CSS-in-JS component styling, letting you define styles as JavaScript objects on React components, built on… | 10 | 3616 | abandoned |
| filamentgroup/grunticon Grunticon is a Grunt.js task that converts a folder of SVG/PNG icons into CSS classes using SVG and PNG data URLs, with PNG fallbacks for o… | 10 | 3265 | abandoned |
| mojotech/jeet Jeet is a fractional grid system library for Sass and Stylus that generates percentage-based widths and gutters for CSS layouts. The reposi… | 10 | 2954 | abandoned |
| zachfitz/Ionic-Material A CSS/JS library that applies Material Design styling and animations to Ionic 1 (AngularJS) hybrid mobile apps. The project is retired and … | 23 | 2873 | abandoned |
| mcasimir/mobile-angular-ui Mobile Angular UI is an HTML5 mobile UI framework combining AngularJS and Bootstrap 3, providing mobile-friendly components like sidebars, … | 23 | 2842 | abandoned |
| GumbyFramework/Gumby Gumby is a flexible, responsive CSS framework powered by Sass, providing a responsive grid system and UI kit for rapid page layout and app … | 23 | 2826 | abandoned |
| lojjic/PIE PIE (Progressive Internet Explorer) is an IE attached behavior (PIE.htc) that lets Internet Explorer 6-8 recognize and render CSS3 box deco… | 10 | 2759 | abandoned |
| mdo/wtf-forms WTF, Forms? is a small CSS-only library that styles native HTML form controls (checkboxes, radios, select menus, file inputs) into friendli… | 10 | 2666 | abandoned |
| KyleAMathews/typefaces A collection of NPM packages that bundle open source typefaces with their font files and CSS for easy self-hosting in web projects. The pro… | 32 | 2589 | abandoned |
| imochen/hotcss hotcss is a mobile layout solution (not a library or framework) that uses dynamic HTML root font size and dynamic viewport scaling to achie… | 32 | 2409 | abandoned |
| Lungo Lungo.js is an HTML5-based mobile web framework for designing, building, and sharing cross-device applications using HTML5, CSS3, and JavaS… | 32 | 2384 | abandoned |
| mobi-css/mobi.css Mobi.css is a lightweight, mobile-first CSS framework weighing only 3kb gzipped, built with PostCSS. It features a plugin system that allow… | 23 | 2311 | abandoned |
| radix-ui/design-system A design system built in TypeScript that was used by Modulz, offering UI components and styling foundations. It is now archived and superse… | 10 | 2272 | abandoned |
| Skel Skel is a lightweight modular JavaScript/Sass framework for building responsive websites and web apps, providing CSS breakpoint access, a g… | 32 | 2198 | abandoned |
| aozora/bootmetro BootMetro is a web UI framework that gives web applications the Windows 8 Metro UI look and feel, built on top of Twitter Bootstrap 2 and H… | 10 | 2170 | abandoned |
| divshot/geo-bootstrap Geo is a Twitter Bootstrap theme (swatch) that replaces the default Bootstrap stylesheet with a distinctive 90s GeoCities-inspired look. It… | 32 | 2157 | abandoned |
| Animo A small JavaScript library for managing and stacking CSS animations with cross-browser support and completion callbacks. It is no longer ma… | 23 | 2087 | abandoned |
| Rebass UI Library Rebass Grid (formerly grid-styled) is a responsive React grid system providing Flex and Box layout components built on styled-system, with … | 10 | 2022 | abandoned |
| daneden/Toast Toast is a highly customizable, responsive CSS/SCSS grid framework for building page layouts. It lets developers configure column counts, g… | 32 | 1991 | abandoned |
| lumapps/lumX lumX is a responsive front-end framework built on AngularJS that implements Google's Material Design specifications. It provides UI compone… | 23 | 1943 | abandoned |
| JohnCoates/CSSketch A Sketch 3 plugin that adds CSS support to the design tool, letting designers attach Sass or Less stylesheets to pages to lay out designs, … | 23 | 1875 | abandoned |
| kumailht/flakes Flakes is an open-source admin template and front-end framework combining CSS libraries, JavaScript libraries, and design files for buildin… | 23 | 1805 | abandoned |
| tleunen/react-mdl React-MDL is a set of React components built on top of Google's Material Design Lite (v1.2.1), providing Material Design UI elements like b… | 10 | 1746 | abandoned |
| widget-/slack-black-theme A CSS-based dark theme for the Slack desktop application, installed by injecting custom styles into Slack's local app files. It provides se… | 10 | 1717 | abandoned |
| filamentgroup/criticalCSS CriticalCSS is a Node.js library that identifies the above-the-fold CSS for a given page or file and writes it to a file for inlining. It i… | 10 | 1690 | abandoned |