Topics / #css

CSS projects on GitHub

Styling language controlling the layout, colors, and presentation of web pages.

As of , the most-starred CSS projects on GitHub are bootstrap (174.9K stars), 30-seconds-of-code (129.2K stars) and electron (123.4K stars). GitHub.Locker tracks 345 CSS repositories with 7.1M stars combined. The fastest-growing on October 16 was LibreTV, with +620 stars in a day.

345Projects
7.1MStars in total
+3.5KStars in a day

Hot right now

Most stars gained in a day · Oct 16

The all-time top

Top 100 of 345 · by stars

  1. #1 · twbs/bootstrap

    bootstrap

    Bootstrap is the most popular HTML, CSS, and JavaScript front-end framework for building responsive, mobile-first projects on the web — ready-made styles and components that speed up development.

    174.9K
  2. #2 · Chalarangelo/30-seconds-of-code

    30-seconds-of-code

    30 seconds of code is a collection of short coding articles, each with code snippets, an explanation and examples, published on the project's own website.

    129.2K
  3. #3 · electron/electron

    electron

    Electron is a framework for building cross-platform desktop applications with JavaScript, HTML, and CSS. It is based on Node.js and Chromium and is used by apps like Visual Studio Code.

    123.4K
  1. 4

    app-ideas

    98.2Kflorinpop17/app-ideas

    A curated collection of application ideas you can build to practice coding, organized into beginner, intermediate, and advanced tiers with detailed specs for each project.

  2. 5

    tailwindcss

    97.9Ktailwindlabs/tailwindcss · TypeScript

    Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing small, single-purpose classes directly in your markup.

  3. 6

    Web-Dev-For-Beginners

    97Kmicrosoft/Web-Dev-For-Beginners · JavaScript

    A free 12-week, 24-lesson curriculum from Microsoft Cloud Advocates that teaches web development fundamentals (HTML, CSS, JavaScript) through hands-on projects like a terrarium, a browser extension, a typing game and a space game.

  4. 7

    svelte

    88.4Ksveltejs/svelte · JavaScript

    Svelte is a compiler that turns declarative UI components into efficient vanilla JavaScript, which then surgically updates the DOM directly instead of shipping a heavy runtime framework to the browser.

  5. 8

    realworld

    84.3Krealworld-apps/realworld · TypeScript

    RealWorld is a project that builds the exact same Medium.com-style blogging app over and over using different frontend and backend frameworks (React, Angular, Node, Django and 100+ more), so developers can compare how real frameworks handle a realistic app instead of a trivial todo demo.

  6. 9

    animate.css

    82.9Kanimate-css/animate.css · CSS

    Animate.css is a cross-browser library of ready-made CSS animations you can drop into a page to animate elements like fades, bounces, and slides.

  7. 10

    impeccable

    82.1Kpbakaus/impeccable · Rust

    Impeccable is a design language for AI coding agents: one skill, 24 commands, live browser iteration, and 59 deterministic detector rules that make AI-generated frontend design better.

  8. 11

    Font-Awesome

    77KFortAwesome/Font-Awesome · JavaScript

    Font Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.

  9. 12

    Front-End-Checklist

    74.5Kthedaviddias/Front-End-Checklist · MDX

    Front-End Checklist is an open-source front-end quality system that turns front-end best practices into a practical review workflow, usable by humans and AI agents via web, MCP server, or this README.

  10. 13

    anime

    73.7Kjuliangarnier/anime · JavaScript

    Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.

  11. 14

    reveal.js

    72.4Khakimel/reveal.js · JavaScript

    reveal.js is an open source HTML presentation framework that lets anyone with a web browser build slide decks instead of using PowerPoint or Keynote.

  12. 15

    design-resources-for-developers

    67.2Kbradtraversy/design-resources-for-developers

    A curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.

  13. 16

    nerd-fonts

    64.9Kryanoasis/nerd-fonts · CSS

    Nerd Fonts patches popular developer fonts (Hack, JetBrains Mono, Fira Code, Source Code Pro, and dozens more) with thousands of extra icon glyphs pulled from sets like Font Awesome, Octicons, Devicons, and Material Design Icons, so terminals, editors and status lines can render icons.

  14. 17

    Front-end-Developer-Interview-Questions

    60.9Kh5bp/Front-end-Developer-Interview-Questions · Nunjucks

    A curated list of front-end interview questions covering HTML, CSS, JavaScript, accessibility, testing, performance, networking, and coding exercises that hiring managers can pick from when vetting front-end developer candidates.

  15. 18

    jquery

    59.9Kjquery/jquery · JavaScript

    jQuery is the classic JavaScript library for DOM manipulation, events, AJAX and effects — this repo holds its source, fresh off the jQuery 4.0.0 release.

  16. 19

    html5-boilerplate

    57.7Kh5bp/html5-boilerplate · JavaScript

    HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites, refined over more than 10 years by 200+ contributors.

  17. 20

    material-design-icons

    54.1Kgoogle/material-design-icons

    This is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).

  18. 21

    element

    54KElemeFE/element · Vue

    Element is a Vue.js 2.0 UI toolkit: a library of ready-made interface components you use to build web interfaces.

  19. 22

    normalize.css

    53.5Knecolas/normalize.css · CSS

    normalize.css is a stylesheet that makes the default styling of HTML elements consistent across browsers; the README bills it as a modern alternative to CSS resets.

  20. 23

    prettier

    52.4Kprettier/prettier · JavaScript

    Prettier is an opinionated code formatter: point it at a project and it keeps the whole codebase in one consistent code style.

  21. 24

    Semantic-UI

    51KSemantic-Org/Semantic-UI · JavaScript

    Semantic UI is a UI component framework that provides 50+ themeable UI elements (buttons, dropdowns, popups, etc.) using human-friendly, descriptive HTML class names.

  22. 25

    pretext

    50.8Kchenglou/pretext · TypeScript

    Pretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.

  23. 26

    bulma

    50Kjgthms/bulma · CSS

    Bulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.

  24. 27

    react-bits

    49.4KDavidHDev/react-bits · JavaScript

    React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

  25. 28

    algorithm-visualizer

    48.9Kalgorithm-visualizer/algorithm-visualizer · JavaScript

    An interactive online platform that visualizes algorithms by running and animating your code step by step, so you can watch exactly how an algorithm behaves instead of just reading pseudocode.

  26. 29

    frontend-dev-bookmarks

    47.6Kdypsilon/frontend-dev-bookmarks

    A manually curated collection of links and resources for frontend web developers, organized into topic categories like Appearance, Architecture, Compatibility, Ecosystem, Languages/Protocols/Browser APIs, UI Components, and Workflow.

  27. 30

    30-Days-Of-JavaScript

    46.9KAsabeneh/30-Days-Of-JavaScript · JavaScript

    A free, self-paced 30-day curriculum that takes you from JavaScript basics (data types, loops, functions) through DOM manipulation and ends with several mini projects.

  28. 31

    Leaflet

    45.8KLeaflet/Leaflet · JavaScript

    Leaflet is a leading open-source JavaScript library for building interactive, mobile-friendly maps for the web.

  29. 32

    AdminLTE

    45.7KColorlibHQ/AdminLTE · Astro

    AdminLTE is a free, open-source admin dashboard template built on Bootstrap 5.3 with vanilla JavaScript (no jQuery), fully responsive and MIT-licensed, with official editions for React, Vue, Laravel, Django, Symfony, Angular, ASP.NET Core and Drupal.

  30. 33

    CppCoreGuidelines

    45.4Kisocpp/CppCoreGuidelines · CSS

    The C++ Core Guidelines are a collaborative set of best-practice rules for writing modern C++ (C++11 and later), covering interfaces, resource management, memory management, and concurrency, with the goal of making code type-safe, leak-free, and fast.

  31. 34

    hyper

    44.7Kvercel/hyper · TypeScript

    Hyper is a terminal emulator built with web technologies (HTML, CSS, JavaScript/TypeScript) on top of Electron, aiming to be a beautiful and extensible command-line interface.

  32. 35

    parcel

    44Kparcel-bundler/parcel · JavaScript

    Parcel is a zero-configuration build tool for the web: it bundles and compiles JavaScript, CSS, HTML and other assets into optimized output without requiring a config file to get started.

  33. 36

    front-end-interview-handbook

    44Kyangshun/front-end-interview-handbook · JavaScript

    A curated collection of front end interview preparation materials, covering interview formats, front end system design, trivia, JavaScript/DOM/algorithm questions, and company-specific question sets.

  34. 37

    daisyui

    42.6Ksaadeghi/daisyui · JavaScript

    daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.

  35. 38

    swiper

    41.9Knolimits4web/swiper · TypeScript

    Swiper is a free open-source mobile touch slider with hardware accelerated transitions and native-like feel, made for mobile websites, mobile web apps and native/hybrid apps.

  36. 39

    tabler

    41.9Ktabler/tabler · Astro

    Tabler is a free and open source admin dashboard UI kit built on Bootstrap 5: ready-made layouts, components and demo pages for admin panels, dashboards and web apps, in light and dark mode.

  37. 40

    styled-components

    41.1Kstyled-components/styled-components · TypeScript

    A CSS-in-JS library for React: styles are written in JavaScript and turned into styled components, with one API across server components, client components, streaming SSR and React Native.

  38. 41

    50projects50days

    40.7Kbradtraversy/50projects50days · CSS

    A collection of 51 small web projects built with HTML, CSS and vanilla JavaScript, each demonstrating a specific UI widget or effect like sliders, counters, and navigation animations.

  39. 42

    esbuild

    40.1Kevanw/esbuild · Go

    esbuild is an extremely fast bundler for the web, written in Go. Its stated goal is to bring about a new era of build tool performance with an easy-to-use modern bundler.

  40. 43

    dioxus

    39.4KDioxusLabs/dioxus · Rust

    Dioxus is a Rust framework for building apps with one codebase that run on web, desktop, mobile, and server.

  41. 44

    materialize

    38.8KDogfalo/materialize · JavaScript

    Materialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.

  42. 45

    servo

    38.2Kservo/servo · Rust

    Servo is a prototype web browser engine written in Rust. The project aims to give developers a lightweight, high-performance alternative for embedding web technologies in applications.

  43. 46

    impress.js

    38.2Kimpress/impress.js · JavaScript

    impress.js is a presentation framework that uses CSS3 3D transforms and transitions in modern browsers to create slide decks, inspired by prezi.com.

  44. 47

    awesome-english-ebooks

    38.2Khehonghui/awesome-english-ebooks · CSS

    A repository of direct download links for English-language magazines - The Economist (with audio), The New Yorker, The Atlantic, and Wired - available in epub, mobi, and pdf formats, updated weekly for free.

  45. 48

    freecodecamp.cn

    37.8KFreeCodeCampChina/freecodecamp.cn · CSS

    This is the Chinese localization of freeCodeCamp - the full source code and curriculum that powers freeCodeCamp.cn, a free browser-based platform for learning full-stack JavaScript development by building real projects.

  46. 49

    pear-desktop

    33.8Kpear-devs/pear-desktop · TypeScript

    Pear is an open-source Electron desktop app that wraps YouTube Music in a native-feeling interface. It is built independently by volunteers and has no official ties to Google or YouTube.

  47. 50

    brackets

    33Kadobe/brackets · JavaScript

    An open-source code editor for web development, focused on HTML, CSS and JavaScript, itself written in those same web technologies and originally built by Adobe.

  48. 51

    floating-ui

    32.8Kfloating-ui/floating-ui · TypeScript

    Floating UI is a small JavaScript library for creating floating elements like tooltips, popovers, and dropdowns, and for wiring up their user interactions.

  49. 52

    material-design-lite

    32.2Kgoogle/material-design-lite · HTML

    Material Design Lite (MDL) is Google's implementation of Material Design components that adds a Material Design look and feel to static content websites.

  50. 53

    weekly

    31.5Kascoders/weekly · JavaScript

    A weekly Chinese-language collection of in-depth readings ('精读') on frontend technology, where each numbered entry breaks down a notable article, framework feature, or piece of source code with the author's own analysis and real production experience.

  51. 54

    frontend-slides

    30.8Kzarazhangrui/frontend-slides · JavaScript

    Frontend Slides is a coding-agent skill that creates beautiful HTML presentations — from scratch or by converting existing PowerPoint files. It ships as a Claude Code plugin, and its core SKILL.md works with other coding agents too.

  52. 55

    layui

    30.6Klayui/layui · JavaScript

    Layui is an open-source, free Web UI component library built with pure native HTML, CSS and JavaScript development mode, aimed at letting developers build modern web interfaces without heavy framework overhead.

  53. 56

    css-protips

    30.3KAllThingsSmitty/css-protips

    A curated collection of CSS tips and tricks to help developers level up their CSS skills, covering things like resets, flexbox, selectors, and accessibility-aware patterns.

  54. 57

    hallmark

    30.2KNutlope/hallmark · CSS

    Hallmark is a design skill for AI coding agents — Claude Code, Cursor, and Codex — that generates web UI built to not look AI-generated. It is made by Together AI.

  55. 58

    plyr

    30Ksampotts/plyr · JavaScript

    Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.

  56. 59

    yeti

    29.8Kfoundation/yeti · JavaScript

    Yeti is a CSS-first, native, zero-build layout and styling framework for web designers, made by Foundation. It is the successor to Foundation for Sites - version 6 continues on the v6 branch with bug fixes and keeps shipping to npm as foundation-sites 6.x.

  57. 60

    Hover

    29.4KIanLunn/Hover · SCSS

    Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

  58. 61

    GSAP

    29.3Kgreensock/GSAP · JavaScript

    GSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript library for building high-performance animations that work in every major browser.

  59. 62

    JavaScript30

    29.3Kwesbos/JavaScript30 · HTML

    This is Wes Bos's free '30 Day Vanilla JS Challenge': a collection of 30 small projects that teach JavaScript, HTML and CSS fundamentals without any frameworks or libraries, one project per day.

  60. 63

    awesome-vscode

    29.1Kviatsko/awesome-vscode · JavaScript

    A curated list of delightful VS Code packages and resources — hand-picked extensions, themes and learning material for Visual Studio Code, organized by category.

  61. 64

    swagger-ui

    29Kswagger-api/swagger-ui · JavaScript

    Swagger UI turns an OpenAPI (formerly Swagger) spec into interactive, visual API documentation: your team or end consumers can see and try the API's resources without any implementation logic in place.

  62. 65

    postcss

    29Kpostcss/postcss · TypeScript

    PostCSS is a Node.js tool for transforming styles with JS plugins: it parses CSS into an Abstract Syntax Tree and gives plugins an API to analyze and modify its rules.

  63. 66

    Web

    28.7Kqianguyihao/Web

    This is a free, comprehensive Chinese-language guide (knowledge base) for learning front-end web development, covering everything from absolute basics to advanced topics like HTML, CSS, and JavaScript.

  64. 67

    slick

    28.5Kkenwheeler/slick · JavaScript

    Slick is a jQuery carousel/slider plugin that handles touch swipe, responsive breakpoints, fade transitions, lazy loading, and more out of the box.

  65. 68

    guizang-ppt-skill

    28.1Kop7418/guizang-ppt-skill · HTML

    An AI-agent skill for Claude Code, Codex and similar environments that turns articles and ideas into polished single-file HTML slide decks with horizontal paging, plus matching slide images and multi-platform social covers. Rehearsal and presenter modes are built in.

  66. 69

    aos

    28.1Kmichalsnik/aos · JavaScript

    AOS (Animate On Scroll) is a JavaScript library that lets you add CSS animations to elements as they scroll into view, triggered via simple HTML data attributes.

  67. 70

    react-select

    28KJedWatson/react-select · TypeScript

    React Select is a flexible, customizable select (dropdown) component for React apps, originally built for KeystoneJS.

  68. 71

    element-plus

    27.8Kelement-plus/element-plus · TypeScript

    Element Plus is a Vue.js 3 UI component library from the Element team: ready-made interface components — buttons, forms, tables and the like — for assembling web frontends.

  69. 72

    30-Days-Of-React

    27.5KAsabeneh/30-Days-Of-React · JavaScript

    A 30-day structured challenge that teaches React step by step, from JavaScript fundamentals through components, hooks, routing, and small projects, ending with a completion certificate.

  70. 73

    weui

    27.4KTencent/weui · HTML

    WeUI is a UI library from WeChat's official design team: it gives mobile web pages the WeChat look-and-feel, with widgets styled like the WeChat app itself.

  71. 74

    Daily-Interview-Question

    27.3KAdvanced-Frontend/Daily-Interview-Question · JavaScript

    A long-running, daily Chinese front-end interview question series curated by blogger 木易杨 (WeChat account 高级前端进阶). Each entry poses one real-world front-end interview problem - covering JavaScript, CSS, Vue, React and browser internals - with a linked, detailed written solution.

  72. 75

    awesome-electron

    27.3Ksindresorhus/awesome-electron

    A curated list of useful resources for creating apps with Electron — the open-source framework that builds desktop apps using web technologies, combining the Chromium rendering engine with the Node.js runtime.

  73. 76

    hangzhou_house_knowledge

    26.9Khoushanren/hangzhou_house_knowledge · CSS

    A personal knowledge collection on how to buy a house in Hangzhou, written up after the author's own 2017 home-buying experience, covering districts, land types, floor area ratio, metro plans, demolition programs, and school zones.

  74. 77

    nprogress

    26.3Krstacruz/nprogress · JavaScript

    NProgress is a minimalist JavaScript library that shows a slim progress bar at the top of the page, like the ones on YouTube or Medium, to indicate loading during Ajax requests or page transitions.

  75. 78

    grapesjs

    26.3KGrapesJS/grapesjs · TypeScript

    GrapesJS is a free and open source Web Builder Framework for building HTML templates without coding — templates you can deliver in sites, newsletters or mobile apps.

  76. 79

    fe-interview

    26.3Khaizlin/fe-interview · JavaScript

    It is a free, open-source daily collection of front-end interview questions covering HTML, CSS, JavaScript, Vue, React, Node.js, TypeScript, ECMAScript, webpack, jQuery, mini-programs and soft skills, with over 6000 questions in total.

  77. 80

    feather

    26Kfeathericons/feather · JavaScript

    Feather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.

  78. 81

    biome

    26Kbiomejs/biome · Rust

    Biome is a toolchain for web projects: one fast tool that both formats and lints JavaScript, TypeScript, JSX, JSON, CSS and GraphQL, run from the CLI or your editor via LSP.

  79. 82

    select2

    25.9Kselect2/select2 · JavaScript

    Select2 is a jQuery-based replacement for standard HTML select boxes. It upgrades plain dropdowns with searching, remote data sets, and pagination of results.

  80. 83

    Modernizr

    25.7KModernizr/Modernizr · JavaScript

    Modernizr is a JavaScript library that detects which HTML5 and CSS3 features the visitor's browser actually supports, so you can adapt the page to each browser instead of assuming they all behave the same.

  81. 84

    PhotoSwipe

    25.3Kdimsemenov/PhotoSwipe · JavaScript

    PhotoSwipe is a JavaScript image gallery and lightbox for mobile and desktop — modular, framework-independent code you add to your own web pages.

  82. 85

    cli

    25.1Kspicetify/cli · JavaScript

    Spicetify is a command-line tool that customizes the official Spotify client: it changes UI colors, injects CSS, and adds extensions and custom apps on Windows, macOS, and Linux.

  83. 86

    highlight.js

    25Khighlightjs/highlight.js · JavaScript

    A syntax highlighter written in JavaScript: it finds code on a page (or a string on a server) and renders it with language-aware coloring, detecting the language automatically. Zero dependencies.

  84. 87

    mdb-ui-kit

    24.2Kmdbootstrap/mdb-ui-kit · SCSS

    MDB UI Kit is a Bootstrap 5 component library styled with Material Design: 700+ UI components — buttons, cards, modals, forms, tabs, carousels — written in plain JavaScript for building website frontends.

  85. 88

    heroicons

    23.9Ktailwindlabs/heroicons · JavaScript

    Heroicons is a set of free, hand-crafted MIT-licensed SVG icons for UI development, made by the creators of Tailwind CSS, available as plain SVG files or as first-party React and Vue component libraries.

  86. 89

    iview

    23.7Kiview/iview · Vue

    iView is a UI component library for Vue.js that provides dozens of pre-built, styled components for building web interfaces.

  87. 90

    pure

    23.7Kpure-css/pure · JavaScript

    Pure is a set of small, responsive CSS modules you can drop into any website or web app: a responsive grid, styled buttons, menus, forms and tables on a minimalist, easy-to-customize base.

  88. 91

    intro.js

    23.5Kusablica/intro.js · TypeScript

    Intro.js is a lightweight user-onboarding and product-walkthrough library for the web — it adds guided, step-by-step tours that introduce a site or app to its users.

  89. 92

    tools

    23.4Krome/tools · Rust

    Rome is a unified toolchain for JavaScript, TypeScript, and the web: one program that formats, lints, and bundles code, built to replace separate tools like Babel, ESLint, webpack, Prettier, and Jest.

  90. 93

    magicui

    22.7Kmagicuidesign/magicui · MDX

    Magic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.

  91. 94

    react-bootstrap

    22.6Kreact-bootstrap/react-bootstrap · TypeScript

    React-Bootstrap is a library that rebuilds Bootstrap 5's UI components as native React components. It is written in TypeScript, published on npm, and lets you use the familiar Bootstrap component set directly inside a React app.

  92. 95

    react-redux-links

    22.5Kmarkerikson/react-redux-links

    A curated collection of tutorial and resource links on React, Redux, ES6, webpack, and more, hand-picked by Mark Erikson as a starting point for learning the React-Redux ecosystem.

  93. 96

    scrollreveal

    22.5Kjlmakes/scrollreveal · JavaScript

    ScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.

  94. 97

    react-grid-layout

    22.5Kreact-grid-layout/react-grid-layout · TypeScript

    React-Grid-Layout is a draggable and resizable grid layout system for React, similar to Packery or Gridster but with responsive breakpoints built in.

  95. 98

    tabler-icons

    22.3Ktabler/tabler-icons · JavaScript

    Tabler Icons is a collection of over 6200 free, MIT-licensed SVG icons for web projects, every icon drawn on a 24x24 grid with a 2px stroke.

  96. 99

    autoprefixer

    22.2Kpostcss/autoprefixer · JavaScript

    A PostCSS plugin that parses your CSS and adds vendor prefixes using Can I Use data: you write rules without prefixes and it adds only the ones browsers still need. Recommended by Google, used in Twitter and Alibaba.

  97. 100

    blueprint

    22.1Kpalantir/blueprint · TypeScript

    Blueprint is Palantir's React-based UI toolkit for the web: a library of ready-made, Sass-styled UI components written in TypeScript and published under the Apache 2.0 license.

Showing the 100 most-starred of 345. See every one in the catalog.

Often tagged together