Best Projects Made With CSS

A collection of websites and examples built with CSS - the styling language of the web

Spectre.css
Spectre.css
A lightweight, responsive and modern CSS framework.
Shorthand Framework
Shorthand Framework
Feature rich CSS framework for the new decade.
Semantic UI
Semantic UI
Powerful framework that uses human-friendly HTML.
Pure.css
Pure.css
A set of small, responsive CSS modules that you can use in every web project.
Numl
Numl
An HTML-based language and design system that lets you create responsive and accessible high-quality web interfaces with any look.
Milligram
Milligram
A minimalist CSS framework.
Materialize
Materialize
A modern responsive front-end framework based on Material Design.
Material-components-web
Material-components-web
Modular and customizable Material Design UI components for the web.
Inuit.css
Inuit.css
Powerful, scalable, Sass-based, BEM, OOCSS framework.
Hasser CSS
Hasser CSS
A lightweight (12k, not minified) but useful CSS framework with flexible Grid, Hero and more.
Halfmoon
Halfmoon
A responsive front-end framework with a built-in dark mode.
Gralig
Gralig
A modest, grayish CSS library.
Foundation
Foundation
advanced responsive front-end framework.
EFrolic
EFrolic
CSS framework which without using JavaScript is interactive and animated.
Cirrus
Cirrus
A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure.
Chota
Chota
A responsive, customizable micro-framework (3kb) with helpful utilities and a grid system.
Butter Cake
Butter Cake
A Modern Lightweight Front End CSS framework for faster and easier web development.
Bulma
Bulma
A modern CSS framework based on Flexbox. Also has Sass import for modification.
Bootstrap
Bootstrap
The most popular HTML, CSS, and JS framework.
Bonsai
Bonsai
A complete Utility First CSS Framework for less than 50kb.
Awsm.css
Awsm.css
Simple CSS library for semantic HTML markup.
Stylus
Stylus
Expressive, robust, feature-rich CSS language built for NodeJs.
STYLIS
STYLIS
Light-weight CSS preprocessor.
Sass
Sass
Mature, stable, and powerful professional-grade CSS extension language.
LESS
LESS
Backwards compatible with CSS, and the extra features it adds use existing CSS syntax.
Stylecow
Stylecow
Modern CSS for all browsers.
Rework
Rework
Plugin framework for CSS preprocessing in Node.js.
PostCSS
PostCSS
Transforming styles with JS plugins.
ParserLib
ParserLib
CSSLint/parser-lib.
Mensch
Mensch
A decent CSS parser.
Gonzales PE
Gonzales PE
CSS parser with support for preprocessors.
CSSTree
CSSTree
Detailed CSS parser with syntax validator.
CSSOM
CSSOM
CSS Object Model implemented in pure JavaScript.
W3c/css-houdini-drafts
W3c/css-houdini-drafts
Mirror of Houdini WG Editor repository.
W3c/csswg-drafts
W3c/csswg-drafts
Mirror of CSS WG Editor Draft repository.
StackOverflow (CSS)
StackOverflow (CSS)
Reddit (CSS)
Reddit (CSS)
CSS - MDN - Mozilla
CSS - MDN - Mozilla
Animatable
Animatable
Nice little page demonstrating which CSS properties are animatable.
CSS Animation For Beginners
CSS Animation For Beginners
Imparts the concepts of CSS animations with keyframes.
CSS 3D Transforms
CSS 3D Transforms
Multi page tutorial with examples like card flip and carousel effects.
All You Need To Know About CSS Transitions
All You Need To Know About CSS Transitions
Also addressing advanced topics from chaining and events to hardware acceleration and animation functions.
CSS Transitions And Transforms For Beginners
CSS Transitions And Transforms For Beginners
An introduction to to CSS transitions and CSS (2D) transforms.
Grid Critters
Grid Critters
Learn CSS grid layout by mastering an adventure game.
GridBugs
GridBugs
Community-curated list of Grid interop issues and workarounds for them.
Grid Garden
Grid Garden
Lovely game where you write CSS code to grow your carrot garden.
Designing With Grid
Designing With Grid
Talk about the new layout possibilities CSS Grid is offering.
Grid By Example
Grid By Example
Besides examples of how to use Grid this site also has additional useful learning ressources.
A Complete Guide To Grid
A Complete Guide To Grid
All you need to know about CSS Grid Layout on one page.
What The Flexbox?
What The Flexbox?
A simple, free 20 video course that will help you master CSS Flexbox!