resource: css-framework
138 resources, primary matches first, then adoption-weighted; health v2 shown.
| Resource | Health v2 | Stars | Maturity |
|---|---|---|---|
| bradtraversy/design-resources-for-developers A curated list of design and UI resources for developers, covering stock photos, fonts, colors, icons, CSS frameworks, UI component librari… | 70 | 66753 | active |
| AllThingsSmitty/css-protips A curated awesome-list of practical CSS tips and best practices covering selectors, layout, accessibility, and modern CSS features. It is d… | 77 | 30260 | active |
| chokcoco/iCSS A curated collection of CSS and web animation techniques, tips, and deep-dive articles organized as GitHub issues. It covers topics like cl… | 65 | 20670 | active |
| you-dont-need/You-Dont-Need-JavaScript A curated collection of demos showing common UI patterns and effects implemented purely with HTML and CSS, without JavaScript. It covers co… | 57 | 20574 | active |
| aniftyco/awesome-tailwindcss A curated awesome-list of resources related to Tailwind CSS, the utility-first CSS framework. It catalogs useful links, IDE extensions, too… | 76 | 15166 | active |
| cobiwave/simplefolio Simplefolio is a minimal, one-page portfolio template for developers built with HTML5, SCSS, and Bootstrap, bundled and optimized with Parc… | 61 | 14220 | active |
| devicons/devicon Devicon is a collection of SVG icons and an icon font representing programming languages, frameworks, and development/design tools. It can … | 62 | 11790 | active |
| chokcoco/CSS-Inspiration A curated collection of CSS techniques and examples organized by category (layout, shadows, pseudo-classes, etc.), demonstrating creative w… | 35 | 10853 | active |
| troxler/awesome-css-frameworks A curated awesome-list cataloging CSS frameworks across categories like class-less, lightweight, utility-based, and Material Design. It hel… | 71 | 9498 | active |
| moklick/frontend-stuff A continuously expanded curated list (awesome-list) of frontend frameworks, libraries, and tools for building things on the web, mostly Jav… | 32 | 8950 | active |
| simeydotme/pokemon-cards-css A collection of advanced CSS styles and Svelte demos that recreate realistic holographic (holofoil) effects for Pokemon trading card faces … | 58 | 7955 | stable |
| ghosh/uiGradients uiGradients is a community-contributed collection of beautiful multi-color CSS gradients stored in a single gradients. file, with a Vue-bas… | 65 | 6017 | active |
| awesome-css-group/awesome-css A curated list of CSS frameworks, preprocessors, style guides, methodologies, and related resources for writing better CSS. It is an awesom… | 32 | 5618 | active |
| yeun/open-color Open Color is an open-source color scheme optimized for UI design, providing 13 hues with 10 brightness steps each. It ships as variables f… | 23 | 5560 | stable |
| sindresorhus/css-in-readme-like-wat A demonstration repository showing how to style GitHub README files using CSS embedded in SVG images. It serves as a visual example and exp… | 32 | 5154 | stable |
| RyanFitzgerald/devportfolio A modern, minimalist developer portfolio template built with Astro and Tailwind CSS v4. It is configured through a single TypeScript config… | 69 | 4958 | active |
| neiesc/awesome-minimalist A curated awesome list of minimalist (simple and lightweight) frameworks across CSS, front-end JS, and web frameworks for many languages li… | 74 | 3656 | active |
| VoltAgent/awesome-claude-design A curated awesome-list of 68 ready-to-use DESIGN.md files that describe complete design system aesthetics in a machine-readable markdown fo… | 54 | 3551 | active |
| theodorusclarence/ts-nextjs-tailwind-starter A batteries-included Next.js + Tailwind CSS + TypeScript starter template with pre-configured tooling like Jest, ESLint, Prettier, Husky, a… | 75 | 3417 | active |
| KittyGiraudel/sass-boilerplate A starter template for Sass projects implementing the 7-1 architecture pattern from the Sass Guidelines. It provides a pre-organized folder… | 32 | 3362 | stable |
| BulmaTemplates/bulma-templates A collection of free HTML/CSS page templates built with the Bulma CSS framework, covering layouts like landing pages, blogs, admin panels, … | 54 | 3326 | active |
| philipwalton/solved-by-flexbox A showcase website demonstrating CSS layout problems that were once hard or impossible to solve, now made easy with Flexbox. It includes li… | 32 | 12918 | maintenance |
| argyleink/gui-challenges A collection of accessible, responsive, and cross-browser UI components built for the YouTube show GUI Challenges. Each component (tabs, si… | 35 | 2989 | active |
| laravel-frontend-presets/tall A Laravel front-end preset that scaffolds applications using the TALL stack (Tailwind CSS, Alpine.js, Laravel, Livewire). It provides layou… | 73 | 2611 | active |
| itmeo/webgradients A curated collection of 180 free CSS3 gradients for backgrounds and UI, distributed as a CSS file plus Sketch, Photoshop, and Figma formats… | 75 | 2472 | stable |
| swyxio/spark-joy A curated awesome-list of web design resources covering CSS frameworks, typography, colors, backgrounds, icons, diagramming, and SVG illust… | 10 | 9796 | maintenance |
| dbohdan/classless-css A curated list of classless CSS themes and frameworks with screenshots and links. Classless stylesheets style plain HTML without requiring … | 66 | 2370 | active |
| ixartz/Next-JS-Landing-Page-Starter-Template A free, open-source landing page template built with Next.js 14, Tailwind CSS 3, and TypeScript. It ships with a developer-experience-focus… | 61 | 2137 | active |
| phuocng/csslayout A curated collection of 100+ popular layouts and component patterns built with pure CSS using modern features like flexbox and grid. It is … | 32 | 8045 | maintenance |
| ibelick/background-snippets A curated collection of modern background effect snippets built with Tailwind CSS, ready to copy and paste into any project. It serves as a… | 29 | 2025 | active |
| unlight/tailwind-components A curated collection of links to Tailwind CSS UI components gathered from across the internet, organized by component category such as acco… | 75 | 2023 | active |
| surjithctly/astroship Astroship is a free open-source starter website template built with Astro and TailwindCSS, aimed at SaaS startups, marketing sites, landing… | 28 | 1967 | active |
| mezzoblue/csszengarden.com The source code of csszengarden.com, the famous CSS Zen Garden showcase demonstrating how a single fixed HTML file can be styled into radic… | 32 | 1948 | stable |
| mlynch/nextjs-tailwind-ionic-capacitor-starter A starter template for building iOS, Android, and Progressive Web Apps using Next.js, React, Tailwind CSS, Ionic Framework, and Capacitor. … | 45 | 1933 | active |
| adrianhajdin/react-movies Companion code repository for a JavaScript Mastery YouTube crash course that teaches React from basic JSX to advanced hooks by building a r… | 32 | 1832 | active |
| TypeUI A curated registry of 67 design system skill files (SKILL.md and DESIGN.md) that instruct AI coding agents like Claude Code, Cursor, Codex,… | 73 | 1822 | active |
| adamschwartz/magic-of-css The Magic of CSS is a free online CSS course structured as a textbook with chapters covering the box model, layout, tables, color, typograp… | 43 | 6683 | maintenance |
| Dmytro-Shulha/obsidian-css-snippets A curated collection of CSS snippets for customizing the appearance of the Obsidian note-taking app. Snippets are categorized with headers … | 32 | 1752 | active |
| getbem/getbem.github.io GetBEM is an educational website and documentation resource that explains the BEM (Block, Element, Modifier) CSS naming methodology in a si… | 10 | 5746 | maintenance |
| MicheleBertoli/css-in-js A comparison repository showcasing CSS-in-JS techniques and libraries for React, with a feature matrix covering vendor prefixing, pseudo cl… | 32 | 5476 | maintenance |
| l-hammer/You-need-to-know-css A curated collection of CSS tricks, effects, and layout techniques presented as a docsify-based documentation site with live demos. It cove… | 32 | 5455 | maintenance |
| tailpress/tailpress TailPress is a minimal boilerplate WordPress theme built with Tailwind CSS, scaffolding themes with modern build tooling (Vite or Laravel M… | 96 | 1452 | active |
| jonasschmedtmann/advanced-css-course Starter files, final project code, slides, and FAQ for Jonas Schmedtmann's Advanced CSS Udemy course. It accompanies hands-on projects cove… | 32 | 4741 | maintenance |
| jln13x/ui.jln.dev A collection of over 10,000 themes for shadcn/ui, browsable at ui.jln.dev, with a generator for feedback colors. It provides ready-made col… | 70 | 1319 | active |
| pattle/simpsons-in-css A collection of Simpsons characters drawn entirely in pure CSS, with a project page showcasing the illustrations. It serves as a demonstrat… | 32 | 4587 | maintenance |
| hakimel/css A collection of assorted CSS and UI experiments by Hakim El Hattab, presented as live demos like Cloudy Spiral, Checkwave, and Progress Nav… | 32 | 4543 | maintenance |
| bradfrost/atomic-design The source repository for Brad Frost's book 'Atomic Design', a methodology for building design systems from small reusable components. It c… | 75 | 1280 | stable |
| nobruf/shadcn-landing-page A free, open-source landing page template built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui. It ships with pre-built sections lik… | 24 | 1273 | active |
| antfu-collective/vitesse-lite Vitesse-lite is a lightweight, opinionated starter template for building Vue 3 applications with Vite. It provides file-based routing, auto… | 64 | 1252 | active |
| incluud/accessible-astro-starter An accessible, WCAG 2.2 AA compliant starter theme/template for Astro 6+ with built-in accessibility features like skip links, landmarks, f… | 98 | 1180 | active |
| QiShaoXuan/css_tricks A curated collection of common CSS styles, tricks, and animations presented as a VuePress documentation site with copy-paste-ready code sni… | 32 | 4090 | maintenance |
| TailGrids/play-tailwind Play is a free, open-source Tailwind CSS website template built with TailGrids UI components, designed for SaaS, startup, business, and sof… | 36 | 1153 | active |
| rstacruz/rscss rscss (Reasonable System for CSS Stylesheet Structure) is a documentation-style guide offering a set of simple conventions for writing main… | 32 | 3909 | maintenance |
| adrianhajdin/project_modern_ui_ux_gpt3 A tutorial code repository accompanying a video course on building a modern GPT-3 landing page with React and CSS. It teaches React functio… | 32 | 3839 | maintenance |
| adrianhajdin/award-winning-website A step-by-step tutorial course and companion codebase for building an Awwwards-winning animated website inspired by Zentry, using React.js,… | 21 | 1060 | active |
| web3templates/nextly-template Nextly is a free, open-source landing page and marketing website template built with Next.js and TailwindCSS. It provides pre-built section… | 23 | 1048 | stable |
| CodeStitchOfficial/Intermediate-Website-Kit-SASS A pre-configured starter kit from CodeStitch combining Eleventy (11ty) static site generation with Nunjucks templating, SASS preprocessing,… | 73 | 1031 | active |
| PaulleDemon/awesome-landing-pages A curated collection of free, MIT-licensed landing page website templates built with HTML, CSS, JavaScript, and Tailwind CSS. It provides r… | 61 | 1031 | active |
| styled-components/awesome-styled-components A curated awesome-list of resources for styled-components, the CSS-in-JS library for React. It collects official links, community channels,… | 32 | 3464 | maintenance |
| yoksel/common-words A curated reference list of words commonly used in CSS class names, organized by category (images, text, lists, layout, controls, sizes, et… | 32 | 3167 | maintenance |
| MilenaCarecho/30diasDeCSS A 30-day CSS challenge repository containing 30 small daily HTML5/CSS3 mini projects such as animated loaders, hover button effects, and te… | 32 | 2910 | maintenance |
| usablica/front-end-frameworks A curated collection of CSS and front-end frameworks with a comparison page, aimed at helping developers pick a framework for faster web de… | 32 | 2782 | maintenance |
| adrianhajdin/project_hoobank HooBank is a tutorial project by JS Mastery demonstrating how to build a modern banking landing page UI with React.js and Tailwind CSS. It … | 32 | 2617 | maintenance |
| jareware/css-architecture A written guide presenting 8 simple rules for building a robust, scalable CSS architecture in large frontend projects. It is a documentatio… | 32 | 2569 | maintenance |
| cjcenizal/flexbox-patterns A collection of CSS source files demonstrating flexbox layout patterns for building UI components, companion to flexboxpatterns.com. It ser… | 23 | 2452 | maintenance |
| HTML5 Reset HTML5 Reset is a minimal starter template of HTML, CSS, and best practices for kicking off web projects with a clean, unopinionated blank s… | 55 | 2411 | maintenance |
| wesbos/css-grid Starter files and solutions for Wes Bos's CSSGrid.io video course on CSS Grid layout. It contains HTML/CSS exercise files organized by less… | 32 | 2148 | maintenance |
| Famolus/awesome-sass A curated awesome-list of Sass and SCSS frameworks, libraries, mixins, style guides, articles, tools, and learning resources. It serves as … | 32 | 1903 | maintenance |
| danilowoz/react-atomic-design A boilerplate demonstrating the Atomic Design methodology in React, organizing components into atoms, molecules, organisms, templates, and … | 32 | 1849 | maintenance |
| lynnandtonic/a-single-div A showcase project by Lynn Fisher demonstrating CSS drawings created with only a single HTML element (one div). It uses Pug for templating … | 32 | 1809 | maintenance |
| viandwi24/nuxt3-awesome-starter A Nuxt 3 starter template and boilerplate integrating Tailwind CSS 3, Pinia, VueUse, Headless UI, and built-in components/layouts. It suppo… | 23 | 1791 | maintenance |
| codrops/SidebarTransitions A Codrops demo collection showcasing creative CSS transition effects for off-canvas sidebar navigations. It provides example implementation… | 32 | 1655 | maintenance |
| codrops/HoverEffectIdeas A collection of CSS-based hover effect demos and inspiration from Codrops, showcasing subtle modern hover styles for web elements. It serve… | 32 | 1643 | maintenance |
| samanthaming/Flexbox30 Flexbox30 is a free 30-day visual course teaching CSS Flexbox through 30 illustrated code tidbits, covering container and item properties, … | 32 | 1613 | maintenance |
| manrajgrover/SingleDivProject A curated collection of designs and loaders, each created with a single HTML <div> element styled using pure CSS only. It serves as an educ… | 32 | 1587 | maintenance |
| bradfrost/this-is-responsive A curated collection of responsive web design patterns, resources, and news maintained by Brad Frost. It serves as an educational reference… | 32 | 1572 | maintenance |
| Vagr9K/gatsby-advanced-starter A GatsbyJS starter skeleton providing an advanced, minimal base for building high-performance static websites and blogs. It ships preconfig… | 23 | 1559 | maintenance |
| elipapa/markdown-cv A Jekyll-based template that lets you maintain your CV or resume as a plain markdown file and render it to styled HTML and PDF via CSS. It … | 32 | 1493 | maintenance |
| adrianhajdin/nike_landing_page A tutorial companion repository from JavaScript Mastery containing the source code for a Nike landing page built with Tailwind CSS and Reac… | 28 | 1491 | maintenance |
| arnabwahid/wordpress-bootstrap A WordPress theme that wraps Bootstrap 3.3.1, usable as-is or as a starting point for theme developers. It includes Grunt-based build tooli… | 10 | 1486 | maintenance |
| adrianhajdin/project_modern_ui_ux_restaurant A companion code repository for a JS Mastery video tutorial that walks beginners through building a modern restaurant landing page with Rea… | 32 | 1459 | maintenance |
| tailwindtoolbox/Landing-Page An open-source landing page starter template built with Tailwind CSS, distributed as a single HTML file using a CDN-hosted Tailwind build. … | 32 | 1451 | maintenance |
| chokcoco/magicCss A curated collection of CSS3 demos showing how to create a wide variety of shapes and visual effects using a single HTML tag. It demonstrat… | 32 | 1445 | maintenance |
| awesome-bootstrap-org/awesome-bootstrap A curated awesome-list of Bootstrap tools, themes, templates, UI kits, components, and design resources for Bootstrap 4 and 5. It is a docu… | 32 | 1435 | maintenance |
| impressivewebs/HTML9-Responsive-Boilerstrap-js HTML9 Responsive Boilerstrap JS (H9RBS.js) is a satirical parody of buzzword-heavy frontend boilerplates and frameworks, mocking the prolif… | 32 | 1430 | maintenance |
| londonappbrewery/TinDog-Start TinDog is the starting files for a tutorial project from the London App Brewery web development bootcamp, building a Tinder-style landing p… | 32 | 1361 | maintenance |
| yoksel/flex-cheatsheet An interactive Flexbox cheatsheet listing CSS Flexbox properties with live demos, code snippets, and definitions from the W3C Flexbox speci… | 32 | 1358 | maintenance |
| afonsopacifer/awesome-flexbox A curated awesome-list of resources for the CSS Flexible Box Layout Module (Flexbox), including the W3C specification, guides, books, artic… | 32 | 1263 | maintenance |
| 4ae9b8/browserhacks Browserhacks is a curated reference website and dataset listing browser-specific CSS and JavaScript hacks for targeting individual browsers… | 32 | 1262 | maintenance |
| streamich/awesome-styleguides A curated awesome-list of UI styleguides and design systems from companies like Google, Apple, GitHub, and Shopify. It serves as a referenc… | 61 | 1260 | maintenance |
| Timvde/UserChrome-Tweaks A community-maintained collection of small userChrome.css tweaks for customizing the Firefox user interface. Each file contains a single sp… | 10 | 1243 | maintenance |
| twbs/bootstrap-npm-starter A GitHub template repository for quickly starting new npm projects built on Bootstrap 4, maintained by a Bootstrap co-author. It bundles Bo… | 10 | 1219 | maintenance |
| dropbox/css-style-guide Dropbox's open-source style guide for authoring CSS and SCSS, covering formatting, spacing, selector conventions, and anti-patterns to avoi… | 32 | 1215 | maintenance |
| emmabostian/design-inspiration A curated list of websites, assets, and resources for design inspiration, covering animations, aesthetics, typography, and UI design collec… | 32 | 1193 | maintenance |
| addyosmani/critical-path-css-tools A curated awesome-list of tools for generating, inlining, and reporting on critical-path (above-the-fold) CSS to improve page load performa… | 32 | 1164 | maintenance |
| richleland/pygments-css A collection of pre-generated CSS files for all of Pygments' built-in syntax highlighting styles, so users don't have to run pygmentize the… | 32 | 1122 | maintenance |
| bevacqua/css A CSS style guide ('nico-style') documenting conventions for class naming, namespacing, selectors, and organization to avoid collisions and… | 32 | 1063 | maintenance |
| toidicode/template A collection of 100 free HTML5/CSS3 website templates with live demos and downloadable zips, aimed at developers and beginners. It is a cur… | 32 | 1058 | maintenance |
| chokcoco/css3- A collection of pure CSS3 demos showcasing 3D transforms, animations, and visual effects such as a rotating solar system, 3D photo walls, a… | 32 | 1035 | maintenance |
| femmebot/google-type A collaborative typography showcase that pairs passages from Aesop's Fables with typefaces from the Google Fonts library, demonstrating fon… | 70 | 1022 | maintenance |
page 1 / 2 next →