DEV Community: Suyash Balshetwar

Free CSS resources you will love 😎😍

Suyash Balshetwar — Tue, 30 Mar 2021 13:20:30 +0000

1️⃣ Colors

Color Hunt- Color Hunt
Coolors- Coolors
HTML color codes- HTML color codes
UI Gradients- UI Gradients
Gradient generator- Gradient generator
Colors- Colors
Radial Gradient- Radial Gradient

2️⃣ AI integrated color picker

Khroma- Khroma
Eva Design System- Eva Design System
AI color generator- AI color generator

3️⃣ Code Snippets

Web tools- Web tools
Little snippets- Little snippets
Enjoy CSS- Enjoy CSS
CSS Tricks- CSS Tricks
CSS Deck- CSS Deck
Codepen- Codepen
Snipplr- Snipplr
Code my UI- Code my UI

4️⃣ CSS generator

Gradient generator- Gradient generator
Pattern generator- Pattern generator
Animation generator- Animation generator
Layout generator- Layout generator
Stripes generator- Stripes generator

5️⃣ GitHub Repo

Awesome CSS- Awesome CSS
30 seconds of CSS- 30 seconds of CSS
CSS Protips- CSS Protips
Awesome flexbox- Awesomw flexbox

6️⃣ Cheat Sheets

I love Coding- I love Coding
Dev Hints- Dev Hints
Css CheatSheet- Css CheatSheet
Grid- Grid
CSS Grid- CSS Grid
Flex cheat sheet- Flex cheat sheet
Flex- Flex

7️⃣ Animation libraries

Animate.css- Animate.css
OBNOXIOUS.css- OBNOXIOUS.css
CSShake- CSShake
Anim XYZ- Anim XYZ
Animista- Animista
Hover.CSS- Hover.CSS
Magic- Magic

8️⃣ Learn by playing

Grid Garden- Grid Garden
Unfold- Unfold
Flexbox defense- Flexbox defense
CSS Diner- CSS Diner
Flexbox froggy- Flexbox froggy

9️⃣ CSS Websites

CSS reference- CSS reference
Learn to code- Learn to code
CSS layouts- CSS layouts
CSS tutorial- CSS tutorial
CSS tricks- CSS tricks