awesome-css
github.com/awesome-css-group/awesome-css ↗:art: A curated contents of amazing CSS :)
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me 2016 resources from awesome-css"
Installation instructions →What's inside
Twitter :satellite:
- 앗킨스 탭
Literally Jenn Schiffer's Mom.
- Adam Morse
Advocate for users and open-source.
- Andrey Sitnik
Author of @Autoprefixer,
- Ben Briggs
Final year web technologies student. node.js, javascript, open source modules, client side optimisation, web performance.
- Brad Frost
Web designer, speaker, writer, consultant, musician.
- Chris Coyier
Designer @CodePen. Writer @Real_CSS_Tricks.
Tutorials :clapper:
- 30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.
- All selectors in CSS
All selectors in CSS.
- Community Curated CSS Resources
Top Recommended Resources.
- CSS Diner
- CSS Grid PlayGround
Simple tutorial to learn CSS Grid from Mozilla.
- CSS Grids videos tutorial
Free video course by Wes Bos to learn CSS Grids.
Frameworks :art:
- AgnosticUI
Accessible CSS component primitives that also work with React, Vue 3, Svelte, and Angular.
- Bonsai
A complete Utility First CSS Framework for less than 50kb.
- Bootstrap
The most popular HTML, CSS, and JS framework.
- Bulma
A modern CSS framework based on Flexbox. Also has Sass import for modification.
- Butter Cake
A Modern Lightweight Front End CSS framework for faster and easier web development.
- Charts.css
CSS data visualization framework.
Naming conventions & Methodologies :bulb:
Miscellaneous
- Beautiful CSS box-shadow examples
Curated collection of 93 beautiful CSS box-shadow. Click to copy.
- Can I use
Browser support for CSS, HTML5 and other front-end web technologies.
- Flexbox Patterns
- Glassmorphism CSS Generator
Generate CSS for glassmorphism.
- GradientArt
An advanced CSS gradient editor with layering, design tools and free cloud storage.
- Live editor for CSS and LESS
Magic CSS extension for Chrome, Firefox and Edge.
Toolkits :wrench:
- Bourbon
A simple and lightweight mixin library for Sass.
Showing a sample of 201 resources. View the full list on GitHub →