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.
Hot right now
Most stars gained in a day · Oct 16
+620LibreTV
LibreSpark/LibreTV · ★ 18.8KLibreTV is a self-hosted web app that searches and plays videos aggregated from third-party streaming source sites, plus live TV/IPTV via M3U playlists. It's built on Next.js 15 (App Router), TypeScript and Tailwind CSS, using ArtPlayer + hls.js as the player.
+396impeccable
pbakaus/impeccable · ★ 82.1KImpeccable 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.
+393solid-glass
deeplethe/solid-glass · ★ 1.4KSolid Glass is a design system and theme for AI application interfaces, giving shadcn/ui components a 'glass' aesthetic that sits between flat design and fully transparent liquid glass.
open-claude-ui
Caho1/open-claude-ui · ★ 1KA high-fidelity open-source React UI component library and motion engine that reverse-engineers and recreates Anthropic's official Claude desktop app design system (CDS), down to the exact spring physics, surface colors, and audio pipeline.
The all-time top
Top 100 of 345 · by stars
- 174.9K
#1 · twbs/bootstrapbootstrap
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.
- 129.2K
#2 · Chalarangelo/30-seconds-of-code30-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.
- 123.4K
#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.
- 4

app-ideas
98.2Kflorinpop17/app-ideasA curated collection of application ideas you can build to practice coding, organized into beginner, intermediate, and advanced tiers with detailed specs for each project.
- 5
tailwindcss
97.9Ktailwindlabs/tailwindcss · TypeScriptTailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing small, single-purpose classes directly in your markup.
- 6

Web-Dev-For-Beginners
97Kmicrosoft/Web-Dev-For-Beginners · JavaScriptA 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.
- 7

svelte
88.4Ksveltejs/svelte · JavaScriptSvelte 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.
- 8
realworld
84.3Krealworld-apps/realworld · TypeScriptRealWorld 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.
- 9
animate.css
82.9Kanimate-css/animate.css · CSSAnimate.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.
- 10

impeccable
82.1Kpbakaus/impeccable · RustImpeccable 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.
- 11
Font-Awesome
77KFortAwesome/Font-Awesome · JavaScriptFont 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.
- 12

Front-End-Checklist
74.5Kthedaviddias/Front-End-Checklist · MDXFront-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.
- 13

anime
73.7Kjuliangarnier/anime · JavaScriptAnime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.
- 14

reveal.js
72.4Khakimel/reveal.js · JavaScriptreveal.js is an open source HTML presentation framework that lets anyone with a web browser build slide decks instead of using PowerPoint or Keynote.
- 15

design-resources-for-developers
67.2Kbradtraversy/design-resources-for-developersA curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.
- 16
nerd-fonts
64.9Kryanoasis/nerd-fonts · CSSNerd 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.
- 17
Front-end-Developer-Interview-Questions
60.9Kh5bp/Front-end-Developer-Interview-Questions · NunjucksA 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.
- 18

jquery
59.9Kjquery/jquery · JavaScriptjQuery 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.
- 19

html5-boilerplate
57.7Kh5bp/html5-boilerplate · JavaScriptHTML5 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.
- 20
material-design-icons
54.1Kgoogle/material-design-iconsThis 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).
- 21
element
54KElemeFE/element · VueElement is a Vue.js 2.0 UI toolkit: a library of ready-made interface components you use to build web interfaces.
- 22
normalize.css
53.5Knecolas/normalize.css · CSSnormalize.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.
- 23
prettier
52.4Kprettier/prettier · JavaScriptPrettier is an opinionated code formatter: point it at a project and it keeps the whole codebase in one consistent code style.
- 24

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

pretext
50.8Kchenglou/pretext · TypeScriptPretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.
- 26

bulma
50Kjgthms/bulma · CSSBulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.
- 27
react-bits
49.4KDavidHDev/react-bits · JavaScriptReact 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.
- 28

algorithm-visualizer
48.9Kalgorithm-visualizer/algorithm-visualizer · JavaScriptAn 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.
- 29

frontend-dev-bookmarks
47.6Kdypsilon/frontend-dev-bookmarksA 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.
- 30

30-Days-Of-JavaScript
46.9KAsabeneh/30-Days-Of-JavaScript · JavaScriptA 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.
- 31
Leaflet
45.8KLeaflet/Leaflet · JavaScriptLeaflet is a leading open-source JavaScript library for building interactive, mobile-friendly maps for the web.
- 32

AdminLTE
45.7KColorlibHQ/AdminLTE · AstroAdminLTE 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.
- 33

CppCoreGuidelines
45.4Kisocpp/CppCoreGuidelines · CSSThe 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.
- 34

hyper
44.7Kvercel/hyper · TypeScriptHyper 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.
- 35

parcel
44Kparcel-bundler/parcel · JavaScriptParcel 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.
- 36

front-end-interview-handbook
44Kyangshun/front-end-interview-handbook · JavaScriptA 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.
- 37

daisyui
42.6Ksaadeghi/daisyui · JavaScriptdaisyUI 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.
- 38

swiper
41.9Knolimits4web/swiper · TypeScriptSwiper 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.
- 39
tabler
41.9Ktabler/tabler · AstroTabler 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.
- 40

styled-components
41.1Kstyled-components/styled-components · TypeScriptA 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.
- 41

50projects50days
40.7Kbradtraversy/50projects50days · CSSA 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.
- 42
esbuild
40.1Kevanw/esbuild · Goesbuild 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.
- 43
dioxus
39.4KDioxusLabs/dioxus · RustDioxus is a Rust framework for building apps with one codebase that run on web, desktop, mobile, and server.
- 44

materialize
38.8KDogfalo/materialize · JavaScriptMaterialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.
- 45

servo
38.2Kservo/servo · RustServo 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.
- 46

impress.js
38.2Kimpress/impress.js · JavaScriptimpress.js is a presentation framework that uses CSS3 3D transforms and transitions in modern browsers to create slide decks, inspired by prezi.com.
- 47

awesome-english-ebooks
38.2Khehonghui/awesome-english-ebooks · CSSA 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.
- 48

freecodecamp.cn
37.8KFreeCodeCampChina/freecodecamp.cn · CSSThis 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.
- 49

pear-desktop
33.8Kpear-devs/pear-desktop · TypeScriptPear 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.
- 50

brackets
33Kadobe/brackets · JavaScriptAn 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.
- 51

floating-ui
32.8Kfloating-ui/floating-ui · TypeScriptFloating UI is a small JavaScript library for creating floating elements like tooltips, popovers, and dropdowns, and for wiring up their user interactions.
- 52

material-design-lite
32.2Kgoogle/material-design-lite · HTMLMaterial Design Lite (MDL) is Google's implementation of Material Design components that adds a Material Design look and feel to static content websites.
- 53

weekly
31.5Kascoders/weekly · JavaScriptA 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.
- 54

frontend-slides
30.8Kzarazhangrui/frontend-slides · JavaScriptFrontend 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.
- 55

layui
30.6Klayui/layui · JavaScriptLayui 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.
- 56

css-protips
30.3KAllThingsSmitty/css-protipsA 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.
- 57

hallmark
30.2KNutlope/hallmark · CSSHallmark 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.
- 58

plyr
30Ksampotts/plyr · JavaScriptPlyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.
- 59

yeti
29.8Kfoundation/yeti · JavaScriptYeti 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.
- 60

Hover
29.4KIanLunn/Hover · SCSSHover.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.
- 61

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

JavaScript30
29.3Kwesbos/JavaScript30 · HTMLThis 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.
- 63

awesome-vscode
29.1Kviatsko/awesome-vscode · JavaScriptA curated list of delightful VS Code packages and resources — hand-picked extensions, themes and learning material for Visual Studio Code, organized by category.
- 64

swagger-ui
29Kswagger-api/swagger-ui · JavaScriptSwagger 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.
- 65
postcss
29Kpostcss/postcss · TypeScriptPostCSS 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.
- 66

Web
28.7Kqianguyihao/WebThis 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.
- 67

slick
28.5Kkenwheeler/slick · JavaScriptSlick is a jQuery carousel/slider plugin that handles touch swipe, responsive breakpoints, fade transitions, lazy loading, and more out of the box.
- 68
guizang-ppt-skill
28.1Kop7418/guizang-ppt-skill · HTMLAn 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.
- 69

aos
28.1Kmichalsnik/aos · JavaScriptAOS (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.
- 70

react-select
28KJedWatson/react-select · TypeScriptReact Select is a flexible, customizable select (dropdown) component for React apps, originally built for KeystoneJS.
- 71

element-plus
27.8Kelement-plus/element-plus · TypeScriptElement 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.
- 72

30-Days-Of-React
27.5KAsabeneh/30-Days-Of-React · JavaScriptA 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.
- 73

weui
27.4KTencent/weui · HTMLWeUI 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.
- 74

Daily-Interview-Question
27.3KAdvanced-Frontend/Daily-Interview-Question · JavaScriptA 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.
- 75
awesome-electron
27.3Ksindresorhus/awesome-electronA 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.
- 76

hangzhou_house_knowledge
26.9Khoushanren/hangzhou_house_knowledge · CSSA 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.
- 77
nprogress
26.3Krstacruz/nprogress · JavaScriptNProgress 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.
- 78

grapesjs
26.3KGrapesJS/grapesjs · TypeScriptGrapesJS 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.
- 79

fe-interview
26.3Khaizlin/fe-interview · JavaScriptIt 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.
- 80

feather
26Kfeathericons/feather · JavaScriptFeather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.
- 81
biome
26Kbiomejs/biome · RustBiome 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.
- 82
select2
25.9Kselect2/select2 · JavaScriptSelect2 is a jQuery-based replacement for standard HTML select boxes. It upgrades plain dropdowns with searching, remote data sets, and pagination of results.
- 83

Modernizr
25.7KModernizr/Modernizr · JavaScriptModernizr 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.
- 84
PhotoSwipe
25.3Kdimsemenov/PhotoSwipe · JavaScriptPhotoSwipe is a JavaScript image gallery and lightbox for mobile and desktop — modular, framework-independent code you add to your own web pages.
- 85

cli
25.1Kspicetify/cli · JavaScriptSpicetify 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.
- 86
highlight.js
25Khighlightjs/highlight.js · JavaScriptA 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.
- 87

mdb-ui-kit
24.2Kmdbootstrap/mdb-ui-kit · SCSSMDB 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.
- 88
heroicons
23.9Ktailwindlabs/heroicons · JavaScriptHeroicons 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.
- 89
iview
23.7Kiview/iview · VueiView is a UI component library for Vue.js that provides dozens of pre-built, styled components for building web interfaces.
- 90

pure
23.7Kpure-css/pure · JavaScriptPure 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.
- 91

intro.js
23.5Kusablica/intro.js · TypeScriptIntro.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.
- 92

tools
23.4Krome/tools · RustRome 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.
- 93

magicui
22.7Kmagicuidesign/magicui · MDXMagic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.
- 94

react-bootstrap
22.6Kreact-bootstrap/react-bootstrap · TypeScriptReact-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.
- 95

react-redux-links
22.5Kmarkerikson/react-redux-linksA 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.
- 96
scrollreveal
22.5Kjlmakes/scrollreveal · JavaScriptScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.
- 97

react-grid-layout
22.5Kreact-grid-layout/react-grid-layout · TypeScriptReact-Grid-Layout is a draggable and resizable grid layout system for React, similar to Packery or Gridster but with responsive breakpoints built in.
- 98

tabler-icons
22.3Ktabler/tabler-icons · JavaScriptTabler 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.
- 99
autoprefixer
22.2Kpostcss/autoprefixer · JavaScriptA 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.
- 100

blueprint
22.1Kpalantir/blueprint · TypeScriptBlueprint 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.
Related topics
Often tagged together
- frontend1,080
- web2,447
- javascript1,842
- open-source5,666
- mit3,312
- html459
- web-development590
- library1,587
- npm1,019
- ui493
- typescript1,821
- developer-tools2,924
- ui-components294
- nodejs1,506
- react855
- animation326
- design231
- component-library183
- education933
- linux4,184
- macos3,544
- windows3,403
- cross-platform2,623
- javascript-library230