List of resources:
- Colors
- AI integrated color picker
- Code Snippets
- Document and notes
- CSS generator
- Design Inspiration
- GitHub Repo
- Cheat Sheets
- Validators
- Chrome Extension
- YouTube
- Animation Libraries
- Threads
- Website
- Learn by playing
- Templates
90 Free CSS resources you will love (Cont...)
Colors:
1. Color Hunt
2. Coolors
3. HTML color codes https://htmlcolorcodes.com
4. UI Gradients
5. Gradient generator
6. Encycolorpedia https://encycolorpedia.com
7. WebFx
https://webfx.com/web-design/color-picker
8. Radial Gradient
9. COLORS
10. Flat UI colors 2
90 Free CSS resources you will love (Cont...)
AI integrated color picker:
11. Khroma
12. Colormind
13. Eva Design System https://colors.eva.design
14. AI color generator
https:/hotpot.ai/color-generator
15. Web tools
https://webcode.tools/css-generator
Code Snippets:
16. Little snippets https://littlesnippets.net
17. Enjoy CSS
https://enjoycss.com
18. CSS Tricks
https://css-tricks.com/snippets/css
19. CSS Deck
https://cssdeck.com
20. W3 How to https://w3schools.com/howto
90 Free CSS resources you will love (Cont...)
21. Snipplr
22. Stack overflow https://stackoverflow.com/questions/tagged/css
23. Codepen https://codepen.io/collection/DYpwPE
24. Code my UI
Document and notes:
25. W3 Schools https://w3schools.com/css
26. MDN https://developer.mozilla.org/en-US/docs/Web/CSS
27. DevDocs
28. Geeks for geeks https://geeksforgeeks.org/css-tutorials/
29. Tutorials point https://tutorialspoint.com/css/index.htm
90 Free CSS resources you will love (Cont...)
CSS generator:
30. Stripes generator https://stripesgenerator.com
31. Gradient generator https://cssgradient.io
32. Pattern generator http://patternify.com
33. Animation generator https://keyframes.app
34. Layout generator
Design Inspiration:
41. CSS design awards https://cssdesignawards.com
42. Awwwards https://awwwards.com/websites/css3
43. CSS nectar
44. Design modo https://designmodo.com/css-website-designs
45. CSS winner
90 Free CSS resources you will love (Cont...)
GitHub Repo:
46. Awesome CSS https://github.com/awesome-css-group/awesome-css
47. 30 seconds of CSS https://github.com/30-seconds/30-seconds-of-css
48. CSS Protips https://github.com/AllThingsSmitty/css-protips
49. Awesome flexbox
Cheat Sheets:
50. I love Coding https://ilovecoding.org/blog/htmlcss-cheatsheet
51. Dev Hints
52.
https://htmlcheatsheet.com/css/
53. Grid
54. CSS Grid
90 Free CSS resources you will love (Cont...)
55. Flex cheat sheet https://yoksel.github.io/flex-cheatsheet
56.
Chrome Extension:
57. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en
90 Free CSS resources you will love (Cont...)
90 Free CSS resources you will love (Cont...)
YouTube:
63. Free code camp https://youtube.com/watch?v=1Rs2ND1ryYc
64. Traversy media https://youtube.com/watch?v=yfoY53QXEnI
65. Coding artist https://youtube.com/channel/UC15exV5s79D_aYGADudlwpQ
66. Edureka
https://youtube.com/watch?v=3_9znKVNe5g
67. Red Stapler
https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg
90 Free CSS resources you will love (Cont...)
Animation libraries:
68. Animate.css
69. OBNOXIOUS.css https://tholman.com/obnoxious/
70. CSShake http://elrumordelaluz.github.io/csshake/
71. Anim XYZ
72. Animista
90 Free CSS resources you will love (Cont...)
Websites:
75. CSS reference https://cssreference.io
76. Learn to code https://learn.shayhowe.com
77. CSS layouts https://learnlayout.com
78. CSS tutorial
79. CSS tricks
Learn by playing:
80. Grid Garden https://cssgridgarden.com
81. Unfold
82. Flexbox defense http://flexboxdefense.com
83. CSS Diner
84. Flexbox froggy
90 Free CSS resources you will love (Cont...)
90 Free CSS resources you will love (Cont...)
Templates:
85. Free CSS templates
https://free-css.com/free-css-templates
86. Templates
87. Tooplate https://tooplate.com/free-templates
88. Nice page https://nicepage.com/css-templates
List of resources: Colors AI integrated color picker Code Snippets Document and notes CSS generator Design Inspiration GitHub Repo Cheat Sheets Validators Chrome Extension YouTube Animation Libraries Threads Website Learn by playing Templates 90 Free CSS resources you will love (Cont...)
90 Free CSS resources you will love
By Code 100mph
90 Free CSS resources you will love
- 286
