Thread by @dermayank, 40+ High-Quality Free Resources for Web DevelopmentA Master Thread Table of [...]

40+ High-Quality Free Resources for Web Development

A Master Thread

Table of Contents:

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

Illustrations

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

Open Doodles - Free sketchy illustrations

A library of sketchy illustrations of people free for personal and commercial use.

http://drawkit.io

Development

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

Devhints — TL;DR for developer documentation

A ridiculous collection of web development cheatsheets · One-page guide to

http://carbon.now.sh

CSS

1. Animista ( http://animista.net )

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

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

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

pattern.css - Background Patterns in CSS

CSS only library to fill your empty background with beautiful patterns.

http://animista.net

Tailwind

1. TailwindComponents
( http://tailwindcomponents.com )

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

Tailwind CSS Components. Examples and templates

Tailwind CSS examples from components by the community. Tailwind chart, grids, inputs, forms, templates and much more

http://tailwindcomponents.com

Design

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

Free Logo Maker | Create Your Logo Online with Ucraft

Create your own logo with Ucraft’s free online logo creator. Design a cool, professional identity for your online business and download it in high resolution.

http://colors.lol

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

Remove Video Background – Unscreen

Remove the background of any video - 100% automatically, online & free! Goodbye Greenscreen. Hello Unscreen.

http://hackdesign.org/lessons

Productivity

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

Tools for better thinking

Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.

http://getterms.io

8. Evernote ( http://evernote.com )
9. Top Hunts Time Machine ( http://timemachine.betamode.dev )
10. Open Source Builders ( http://opensource.builders )

Find open-source alternatives for your favorite apps

Find open-source alternatives to popular software

http://evernote.com

Thank You for Reading

---

I'm sharing more such posts on Instagram too.
If you're on Instagram, please support my work there too

http://instagram.com/dermayank

You can follow @dermayank.

Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: