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

https://colorhunt.co

2. Coolors

https://coolors.co

3. HTML color codes https://htmlcolorcodes.com

4. UI Gradients

https://uigradients.com

5. Gradient generator

https://cssgradient.io

90 Free CSS resources you will love (Cont...)

AI integrated color picker:

11. Khroma

http://khroma.co

12. Colormind

http://khroma.co

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...)

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

https:/grid.layoutit.com

Design Inspiration:

41. CSS design awards https://cssdesignawards.com

42. Awwwards https://awwwards.com/websites/css3

43. CSS nectar

https://cssnectar.com

44. Design modo https://designmodo.com/css-website-designs

45. CSS winner

https://csswinner.com

90 Free CSS resources you will love (Cont...)

90 Free CSS resources you will love (Cont...)

90 Free CSS resources you will love (Cont...)

90 Free CSS resources you will love (Cont...)

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

https://animate.style

69. OBNOXIOUS.css https://tholman.com/obnoxious/

70. CSShake http://elrumordelaluz.github.io/csshake/

71. Anim XYZ

https://animxyz.com

72. Animista

https://animista.net

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

https://csstutorial.net

79. CSS tricks

https://css-tricks.com

Learn by playing:

80. Grid Garden https://cssgridgarden.com

81. Unfold

https://rupl.github.io/unfold

82. Flexbox defense http://flexboxdefense.com

83. CSS Diner

https://flukeout.github.io

84. Flexbox froggy

https://flexboxfroggy.com

90 Free CSS resources you will love (Cont...)

90 Free CSS resources you will love (Cont...)

89. Templatemo https://templatemo.com

90. Start Bootstrap

https://startbootstrap.com

90 Free CSS resources you will love

By Code 100mph

90 Free CSS resources you will love

  • 236