DEV Community

Suyash Balshetwar
Suyash Balshetwar

Posted on • Updated on

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

Top comments (2)

Collapse
 
alimobasheri profile image
MirAli Mobasheri

That's an awesome resource. Thanks!

Collapse
 
suyash56 profile image
Suyash Balshetwar

You're welcome mate! πŸ™Œ