Seybel/Awesome-CSS-Resources

🔥Awesome list of free CSS resources

Awesome-CSS-Resources

🔥Awesome list of free CSS resources.

🚩This repo was created from @Prathkum's mega CSS thread on twitter.🚩

Table of Contents

• AI integrated color picker
• Animation Libraries
• Cheat Sheets
• Chrome Extension
• Code Snippets
• Colors
• CSS generator
• Design Inspiration
• Document and notes
• GitHub Repo
• Learn by playing
• Templates
• Threads
• Validators
• Websites
• YouTube

AI integrated color picker

• Khroma
• Colormind
• Eva Design System
• AI color generator

Animation libraries

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

Cheat Sheets

• I love Coding
• Dev Hints
• HTML CheatSheet
• Grid
• CSS Grid
• Flex cheet sheet
• Flex
• Position

Chrome Extension

• CSS Peeper
• Pesticide
• Stylebot
• Perfect Pixel
• Colorpick eyedropper
• CSS viewer
• CSS Scan

Code Snippets

• Web Tools
• Little Snippets
• Enjoy CSS
• CSS Tricks
• CSS Deck
• W3 How To
• Snipplr
• Stack Overflow
• Codepen
• Code my UI

Colors

• Color Hunt
• Coolers
• HTML color codes
• UI Gradients
• Gradient generator
• Encycolorpedia
• WebFx
• Radial Gradients
• COLORS
• Flat UI colors 2

CSS generator

• Stripes generator
• Gradient generator
• Pattern generator
• Animation generator
• Layout generator

Design Inspiration

• CSS design awards
• Awwwards
• CSS nectar
• Design modo
• Gradient generator

Document and notes

• W3 Schools
• MDN
• DevDocs
• Geeks for geeks
• Tutorials point

GitHub Repo

• Awesome CSS
• 30 seconds of CSS
• CSS Protips
• Awesome flexbox

Learn by playing

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

Templates

• Free CSS templates
• Templates
• Tooplate
• Nice page
• Templatemo

Threads

• CSS arts
• Grid
• Flex
• CSS Animations

Websites

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

YouTube

• Free code camp
• Traversy media
• Coding artist
• Edureka
• Red Stapler