Open Source CSS Projects
CSS, or Cascading Style Sheets, is the language used to control the presentation and layout of web pages. It lets developers define colors, typography, spacing, responsive layouts, animations, and other visual details separately from a page’s structure. This separation makes sites easier to maintain and helps them adapt to different screen sizes, browsers, and accessibility needs.
Open source CSS tools include frameworks, component libraries, themes, design systems, preprocessors, and utilities for managing or optimizing stylesheets. When choosing one, consider its license, browser support, documentation, maintenance activity, dependencies, and fit with your existing markup and workflow. These resources are useful to web developers, designers, learners, and teams building or maintaining websites and web applications.
14 repositories · updated October 13, 2026
webassets: Merge and Compress Web Assets for Python
webassets helps Python web projects manage, merge, and compress JavaScript and CSS files. It may suit teams seeking an asset pipeline, but its inactive status and concentrated contributor base are worth weighing before adoption.
InactiveHealth 32/100
awesome-css-frameworks: Compare CSS Frameworks and Libraries
A curated directory of CSS frameworks, resets, and styling libraries, organized by approach and intended use. Use it to survey options for a web project, from classless stylesheets to utility-first frameworks and specialized designs.
QuietHealth 29/100
50projects50days: Learn Web Development Through Mini Projects
A collection of more than 50 small HTML, CSS, and JavaScript projects created for a web development course. It suits learners who want practical examples and short exercises in interactive interface design.
InactiveHealth 31/100
theme.park: Apply Custom Themes to Self-Hosted Apps
theme.park provides CSS themes and skins for a wide range of self-hosted web apps. It helps users give multiple services a consistent look, with setup options and app-specific guidance in its documentation.
ActiveHealth 52/100
beercss: Build Material Design Interfaces with CSS
Beer CSS is a lightweight CSS framework for building Material Design 3 interfaces with semantic HTML. It offers CDN and npm installation, works with JavaScript frameworks, and is aimed at teams that want styled interfaces without a build setup.
ActiveHealth 45/100
galaxy: Browse and Reuse Community UI Elements
Galaxy is an archive of more than 3,000 community-made UI elements sourced from Uiverse.io. Browse the collection on the platform, then reuse CSS or Tailwind elements in your projects under the MIT License.
InactiveHealth 39/100
nerd-fonts: Add Developer Icons to Programming Fonts
Nerd Fonts patches programming fonts with icon glyphs used by terminals, editors, and status lines. Install a ready-made patched font or use its FontForge-based patcher to customize a font.
ActiveHealth 69/100
animate.css: Add Ready-Made CSS Animations to Web Pages
Animate.css is a CSS library of reusable animations for web interfaces. Add animation classes to elements instead of writing keyframes from scratch, and use its reduced-motion support for users who prefer less motion.
InactiveHealth 37/100
NES.css: Build 8-Bit-Style Interfaces with CSS
NES.css is a CSS-only component framework for giving web interfaces a retro, 8-bit game aesthetic. It suits projects that want pixel-inspired UI components without adding a JavaScript dependency, but its release history is dated.
InactiveHealth 40/100
uchu: Use an OKLCH Color Palette in CSS Projects
uch? is a CSS color palette built around the OKLCH color space, with expanded and reduced sets of colors. It suits web developers who want a ready-made palette and are comfortable using OKLCH rather than conventional color spaces.
ArchivedHealth 15/100
html5-boilerplate: Start Fast, Adaptable Websites
HTML5 Boilerplate is a framework-independent front-end starter for building fast, adaptable websites and web apps. It provides a considered HTML, CSS, and project setup for developers who want a practical baseline without adopting a particular framework.
MaintainedHealth 46/100
style-observer: Detect Changes to CSS Properties
Style Observer is a JavaScript library that detects changes to CSS properties on connected elements, including custom properties and elements in Shadow DOM. Use it when application logic needs to respond to style changes without polling.
QuietHealth 30/100