63 RESOURCES OF CSS🌈👇

Thread🧵
📌 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/#Bupe 

5. Gradient generator https://cssgradient.io/ 
CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

https://colorhunt.co/
6. Encycolorpedia
https://encycolorpedia.com/ 

7. WebFx
https://www.webfx.com/web-design/color-picker/

8. Radial Gradient
https://www.css-gradient.com/ 

9. COLORS
https://clrs.cc/ 

10. Flat UI colors 2 https://flatuicolors.com/ 
Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨

280 handpicked colors ready for COPY & PASTE

https://encycolorpedia.com/
📌 CODE SNIPPETS

11. Web tools
https://webcode.tools/css-generator 

12. Little snippets
https://www.littlesnippets.net/ 

13. Enjoy CSS
https://enjoycss.com/ 

14. CSS Tricks
https://css-tricks.com/snippets/css/ 

15. CSS Deck
https://cssdeck.com/ 
CSS | CSS-Tricks

https://webcode.tools/css-generator
16. W3 How to
https://www.w3schools.com/howto/ 

17. Snipplr
https://snipplr.com/ 

18. Stack overflow
https://stackoverflow.com/questions/tagged/css

19. Codepen
https://codepen.io/collection/DYpwPE

20. Code my UI https://codemyui.com/tag/pure-css/ 
432 Pure CSS Only Code Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Handpicked collection of pure css design inspiration. ✅ GIF preview ✅ HTML CSS copy paste code.

https://www.w3schools.com/howto/
📌 DOCUMENTATION AND NOTES

21. W3 Schools
https://www.w3schools.com/css/ 

22. MDN
https://developer.mozilla.org/en-US/docs/Web/CSS

23. DevDocs
https://devdocs.io/css/ 

24. Geeks for geeks
https://www.geeksforgeeks.org/css-tutorials/ 

25. Tutorials point
https://www.tutorialspoint.com/css/index.htm 
CSS Tutorials - GeeksforGeeks

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interv...

https://www.w3schools.com/css/
📌 CSS GENERATORS

26. CSS button creator
https://cssbuttoncreator.com/ 

27. Blob Maker
https://www.blobmaker.app/ 

28. Waves maker
https://getwaves.io/ 

29. Enjoy CSS
https://enjoycss.com/ 

30. Neumorphic UI https://neumorphism.io/ 
Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

https://cssbuttoncreator.com/
31. Glassmorphism Generator
https://glassmorphism.com/ 

32. Keyframes
https://keyframes.app/ 

33. Animista
https://animista.net/ 

34. Fancy border
https://9elements.github.io/fancy-border-radius/

35. CSS Generators tool https://cssgenerator.org/ 
CSS Generator Tool - CSS Demonstration and Generation

A CSS Generator Tool to demonstrate and quickly generate many different handy CSS declarations.

https://glassmorphism.com/
36. CSS 3 maker
https://www.css3maker.com/ 

37. CSS clip path maker
https://bennettfeely.com/clippy/ 

38. CSS shapes generator
https://coveloping.com/tools/css-shapes-generator

39. Pattern generator
http://www.patternify.com/ 

40. Background image generator
http://bg.siteorigin.com/ 
CSS Shapes Generator

CSS Shapes Generator easily create different shapes from squares, triangles and circle. Get all the HTML and CSS you need to create the shapes.

https://www.css3maker.com/
📌 DESIGN INSPIRATION

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

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

43. CSS nectar
https://cssnectar.com/ 

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

45. CSS winner
https://www.csswinner.com/ 
Examples of CSS Website Designs for Inspiration - Designmodo

Some of the benefits of having the CSS websites designs are that it gives a good control over the layout. Here are a few good examples.

https://www.cssdesignawards.com/
📌 YOUTUBE TUTORIALS

46. Free code camp


47. Traversy media


48. Coding artist
https://www.youtube.com/channel/UC15exV5s79D_aYGADudlwpQ

49. Edureka


50. Red Stapler https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg
Red Stapler

How to and tutorial videos of cool CSS effect, Web Design ideas, JavaScript libraries, Node.js, HTML, dev tips and much more! New videos upload weekly. Monday and Thursday (if I'm not too busy lol)...

https://www.youtube.com/watch?v=1Rs2ND1ryYc
📌 GITHUB REPO

51. Awesome CSS
https://github.com/awesome-css-group/awesome-css

52. 30 seconds of CSS
https://github.com/30-seconds/30-seconds-of-css

53. CSS Protips
https://github.com/AllThingsSmitty/css-protips

54. Awesome flexbox
https://github.com/afonsopacifer/awesome-flexbox

55. Understanding flexbox https://github.com/ohansemmanuel/Understanding-Flexbox
ohansemmanuel/Understanding-Flexbox

💪Detailed Flexbox Book. Contribute to ohansemmanuel/Understanding-Flexbox development by creating an account on GitHub.

https://github.com/awesome-css-group/awesome-css
You can follow @Prathkum.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled:
Those who think consciousness raising & movement building are disconnected, or even a distraction from electoral politics have not paid attention to the history of social change.In this thread, we
Read more
The 2020s will be known as the Remote Work decadeA few predictions of what is likely to emerge[ a thread ] Third Space: Office and Working from Home will
Read more
1/29: Have you ever had a concept explained to you that helps frame complex issues you’ve been wrestling with and opens your eyes to new possibilities? A concept that I
Read more
By continuing to use the site, you are consenting to the use of cookies as explained in our Cookie Policy to improve your experience.