Hello everyone!. Today I am sharing 50 free CSS resources that will help you in your career as web developers.
Colors
Color Hunt
colorhunt.coCoolors
coolors.coHTML color codes
htmlcolorcodes.comUI Gradients
uigradients.comGradient generator
cssgradient.ioEncycolorpedia
encycolorpedia.comRadial Gradient
css-gradient.comCOLORS
clrs.ccFlat UI colors
flatuicolors.com
AI integrated color picker
Khroma
khroma.coColormind
colormind.ioEva Design System
colors.eva.designAI color generator
hotpot.ai/color-generator
Document and notes
W3 Schools
w3schools.com/cssDevDocs
devdocs.io/cssGeeks for geeks
geeksforgeeks.org/css-tutorialsTutorials point
tutorialspoint.com/tutorial_view.php?cid=cs..
Code Snippets
Web tools
webcode.tools/generators/cssLittle snippets
littlesnippets.netEnjoy CSS
enjoycss.comCSS Tricks
css-tricks.com/snippets/cssCSS Deck
cssdeck.comW3 How to
w3schools.com/howtoSnipplr
snipplr.comStack overflow
stackoverflow.com/questions/tagged/cssCodepen
codepen.io/collection/DYpwPECode my UI
codemyui.com/tag/pure-css
CSS generator
Stripes generator
stripesgenerator.comGradient generator
cssgradient.ioPattern generator
patternify.comAnimation generator
keyframes.appLayout generator
grid.layoutit.comW3 How To
w3schools.com/howtoCSS Matic
cssmatic.comWait ! Animate
waitanimate.wstone.ioColorZilla Gradients
colorzilla.com/gradient-editorPatternify
patternify.com
Design Inspiration
CSS design awards
cssdesignawards.comAwwwards
awwwards.com/websites/css3CSS nectar
cssnectar.comDesign modo
designmodo.com/css-website-designsCSS winner
csswinner.com
GitHub Repo
Awesome CSS
github.com/awesome-css-group/awesome-css30 seconds of CSS
github.com/30-seconds/30-seconds-of-cssCSS Protips
github.com/AllThingsSmitty/css-protipsAwesome flexbox
github.com/afonsopacifer/awesome-flexboxDeveloper Roadmap
github.com/kamranahmedse/developer-roadmapAwesome-CheatSheets
github.com/LeCoupa/awesome-cheatsheets
Hope you enjoyed my collection. Feel free to comment your ideas and add more.