Free CSS resources you will love 😎😍

1️⃣ Colors

1. Color Hunt- Color Hunt
2. Coolors- Coolors
3. HTML color codes- HTML color codes
4. UI Gradients- UI Gradients
5. Gradient generator- Gradient generator
6. Colors- Colors
7. Radial Gradient- Radial Gradient

2️⃣ AI integrated color picker

1. Khroma- Khroma
2. Eva Design System- Eva Design System
3. AI color generator- AI color generator

3️⃣ Code Snippets

1. Web tools- Web tools
2. Little snippets- Little snippets
3. Enjoy CSS- Enjoy CSS
4. CSS Tricks- CSS Tricks
5. CSS Deck- CSS Deck
6. Codepen- Codepen
7. Snipplr- Snipplr
8. Code my UI- Code my UI

4️⃣ CSS generator

1. Gradient generator- Gradient generator
2. Pattern generator- Pattern generator
3. Animation generator- Animation generator
4. Layout generator- Layout generator
5. Stripes generator- Stripes generator

5️⃣ GitHub Repo

1. Awesome CSS- Awesome CSS
2. 30 seconds of CSS- 30 seconds of CSS
3. CSS Protips- CSS Protips
4. Awesome flexbox- Awesomw flexbox

6️⃣ Cheat Sheets

1. I love Coding- I love Coding
2. Dev Hints- Dev Hints
3. Css CheatSheet- Css CheatSheet
4. Grid- Grid
5. CSS Grid- CSS Grid
6. Flex cheat sheet- Flex cheat sheet
7. Flex- Flex

7️⃣ Animation libraries

1. Animate.css- Animate.css
2. OBNOXIOUS.css- OBNOXIOUS.css
3. CSShake- CSShake
4. Anim XYZ- Anim XYZ
5. Animista- Animista
6. Hover.CSS- Hover.CSS
7. Magic- Magic

8️⃣ Learn by playing

1. Grid Garden- Grid Garden
2. Unfold- Unfold
3. Flexbox defense- Flexbox defense
4. CSS Diner- CSS Diner
5. Flexbox froggy- Flexbox froggy

9️⃣ CSS Websites

1. CSS reference- CSS reference
2. Learn to code- Learn to code
3. CSS layouts- CSS layouts
4. CSS tutorial- CSS tutorial
5. CSS tricks- CSS tricks

Comments

[MirAli Mobasheri]

That's an awesome resource. Thanks!

[Suyash Balshetwar]

You're welcome mate! 🙌