awesome-css

🎨 Awesome CSS

css-logo

Awesome Last Commit


CSS is more powerful than you think. This list proves it.
A curated list of tools, articles, and inspiration for developers who care about great UI.

📌 The State of CSS 2025: https://2025.stateofcss.com


Summary

View Summary - [Tools](#Tools) - [Frameworks](#Frameworks) - [Boilerplates](#Boilerplates) - [Snippets](#Snippets) - [Websites](#Websites) - [Resources](#Resources) - [News](#News) - [Learning](#Learning) - [Content](#Content) - [Courses](#Courses) - [Books](#Books) - [Articles](#Articles) - [Design System](#Design-System) - [Animation](#Animation)


Resources

News

Name Source
Smashing Magazine - CSS https://www.smashingmagazine.com/category/css
Free Code Camp - CSS https://www.freecodecamp.org/news/search?query=css


⬆ back to top


Learning

Content

Name Source
Web.Dev Learn CSS https://web.dev/learn/css
CSS-Tricks Almanac https://css-tricks.com/almanac

Courses

Name Source
Atomic Design https://atomicdesigncourse.com
The Layout Maestro https://thelayoutmaestro.com


⬆ back to top


Tools

Name Source JS
CSS Gradient Generator cssgradient.io true
UI Gradients uigradients.com true
Khroma Gradient Generator Khroma true
CSS3 Generator css3generator.com true
Box Shadow Generator box-shadow.dev true
Neumorphism neumorphism.io true
Animista animista.net true
Cubic-Bezier cubic-bezier.com true
Can I Use caniuse.com true
Specificity Calculator specificity.keegan.st true


⬆ back to top


Boilerplates

Name Source JS
Tailwind CSS Starter Projects tailwindcss.com false
Modern CSS Reset Andy Bell false
Normalize.css necolas false
Pure CSS Boilerplate Starter Pure CSS false


⬆ back to top


Snippets

Name Source JS
CSS Pen Collection CodePen true
CSS Tricks CodePen true
CSS Templates CodeSandbox true
CSS Inspiration Codrops true
UI Components CodeMyUI false
CSS Components CSS Scan false
30 Seconds of CSS 30 Seconds of Code false


⬆ back to top

This site is open source. Improve this page.