Thread by @dermayank

40+ High-Quality Free Resources for Web Development

A Master Thread 👇🏽

Table of Contents:

- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity

Illustrations

1. Drawkit (drawkit.io)
2. Blush (blush.design)
3. Smash illustration (usesmash.com)
4. Control (control.rocks)
5. Error 404 (error404.fun)
6. Open Doodles (opendoodles.com)

Development

1. Carbon (carbon.now.sh)
2. Squoosh (squoosh.app)
3. Wappalyzer (wappalyzer.com)
4. Kite (kite.com)
5. DevHints (devhints.io)
6. iHateRegex (ihateregex.io)
7. DevDocs (devdocs.io/css/css_animat…)

CSS

1. Animista (animista.net)

2. Pattern.css (bansal.io/pattern-css)

3. CSSeffectsSnippets (emilkowalski.github.io/css-effects-sn…)

4. 98.css (jdan.github.io/98.css)

Tailwind

1. TailwindComponents
(tailwindcomponents.com)

2. Tailblocks
(mertjf.github.io/tailblocks/)

Design

1. Colors .lol (colors.lol)
2. Colormind (colormind.io)
3. FontSpark (fontspark.app)
4. AppMockUp (app-mockup.com)
5. Webframe (webframe.xyz)
6. Ucraft Logo Maker
(ucraft.com/free-logo-maker)

7. HackDesign (hackdesign.org/lessons)
8. Checklist Design (checklist.design)
9. Remove BG (remove.bg)
10. Unscreen (unscreen.com)

Productivity

1. GetTerms (getterms.io)
2. Sejda (sejda.com)
3. Notion (notion.so)
4. Grammarly (grammarly.com)
5. Wave (waveapps.com)
6. Clockify (clockify.me)
7. Untools (untools.co)

8. Evernote (evernote.com)
9. Top Hunts Time Machine (timemachine.betamode.dev)
10. OpensSource Builders (opensource.builders)

If you want more such content on Instagram, support me there too 👇🏽

instagram.com/dermayank

If you want more coding tips subscribe to free coding & interview preparation newsletter by @NlognHQ -

Nlogn.in/newsletter