Are you a Frontend Developer?

Here are 20 amazing websites to save you 10+ hours every week.

A Thread 🧵👇️
1. storytale.io

High-class illustrations for web and mobile projects.

{ 1 / 20 }
2. extension.dev

Build browser extensions effortlessly on the web.

{ 2 / 20 }
3. airbnb.io/lottie/

Beautiful animation library built by AirBnb for for Android, iOS and Web.

{ 3 / 20 }
4. products.ls.graphics/mesh-gradients/

Collection of absolutely gorgeous mesh gradients ready for download in any format.

{ 4 / 20 }
5. 9elements.github.io/fancy-border-r…

Generate fancy border styles on the web, copy CSS in one click.

{ 5 / 20 }
6. getillustrations.com/illustration-p…

300 modern web illustrations for your next project.

{ 6 / 20 }
7. logoipsum.com

Beautiful placeholder logo library for your web project.

{ 7 / 20 }
8. doodleipsum.com

Automatically generates placeholder illustrations with a simple line of code.

{ 8 / 20 }
9. responsively.app

Check your app responsiveness and Develop responsive web apps 5x faster!

{ 9 / 20 }
10. ray.so

Turn your code in to beautifully images and share.

{ 10 / 20 }
11. codehouse-app.netlify.app

Amazing collection of cheatsheets curated for all web developers.

{ 11 / 20 }
12. svgbackgrounds.com

Awesome collection of completely free svg background, ready to copy CSS.

{ 12 / 20 }
13. daily.dev

Get a feed of the hottest developer news personalized to you. Read more quality articles.

{ 13 / 20 }
14. ionic.io/ionicons

Hand-crafted, open-source icon library for web, iOS, Android, and desktop apps.

{ 14 / 20 }
15. 30secondsofcode.org

Curated and useful articles with short snippets must use a developer.

{ 15 / 20 }
16. transform.tools

Simple and easy transforms for almost anything including SVGs, JSX, JSON, CSS, GraphQL, JavaScript and more!

{ 16 / 20 }
17. isometriclove.com

Huge collection of 3d Isometric objects for your next project.

{ 17 / 20 }
18. fontjoy.com

Pair your Google fonts with ease. Analyse 100+ fonts and find the best one.

{ 18 / 20 }
19. gradienta.io

Create stunning asthetic multicoloured backgrounds in seconds and copy CSS.

{ 19 / 20 }
20. remove.bg

Remove background from any photo in seconds, completely free.

{ 20 / 20 }
Thank you for reading!

Hey, I'm Savio 👋
I write daily threads on web development and developer resources.

If you found this Thread useful:
- Follow me (@saviomartin7) ✅
- Retweet it
- Turn on the notifications

Thank you for the support friends! 🙏

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Savio Martin ⚡️

Savio Martin ⚡️ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @saviomartin7

17 Oct
Best YouTube Channels to learn Web Development

A Thread 🧵👇️
1. FreeCodeCamp

FreeCodeCamp is a non-profit organisation that'll teach to learn to code for free.

youtube.com/c/Freecodecamp 🔗

{ 1 / 10 }
2. Traversy Media

Traversy Media creates crash courses to learn programming in a very easy way. He also collaborates with great creators.

youtube.com/c/TraversyMedi… 🔗

{ 2 / 10 }
Read 12 tweets
15 Oct
10 Websites that will help you improve your frontend skills by building real-world projects.

A Thread 🧵👇️
1. codewell.cc

Improve your HTML and CSS skills by practicing on real design templates.

{ 1 / 10 }
2. freecodecamp.org

Over 7000+ tutorials and tons of challenges to complete along the way to test what you've learnt.

{ 2 / 10 }
Read 12 tweets
14 Oct
10 FREE Udemy Courses!🤩

Free Udemy Courses that will help you improve your frontend skills by building real-world projects.

All courses below have 4+ stars ⭐️

A Thread 🧵👇️
1. Web Development By Doing: HTML / CSS From Scratch

Learn HTML and CSS from scratch by building projects. Helpful Course to understand fundamentals and build your first website iIn 1 Hour.

🔗 udemy.com/course/web-dev…

{ 1 / 10 }
2. Javascript Essentials

Understand how Javascript works, work with some basic API's and finally create a mini project.

🔗 udemy.com/course/javascr…

{ 2 / 10 }
Read 12 tweets
13 Oct
Are you a Frontend Developer?

Here are 15 amazing websites to save you 10+ hours every week.

A Thread 🧵👇️
1. 30secondsofcode.org

30 seconds of code has collections of short code snippets for a variety of languages.

{ 1 / 15 }
2. glitch.com

Glitch helps to create your next web project in browser with no setup and instant deployment.

{ 2 / 15 }
Read 17 tweets
12 Oct
Useful GitHub Repositories every developer should know 🔥

List of 15 awesome GitHub repositories to save hours and increase productivity.

A Thread 🧵👇️
1. github.com/kamranahmedse/…

Useful visual roadmap to becoming a web developer in 2021.

{ 1 / 15 }
2. github.com/sindresorhus/a…

Useful lists about all kinds of interesting topics and technologies.

{ 2 / 15 }
Read 16 tweets
11 Oct
10 Killer Websites for Web Developers and Designers 🤯

98.8% don't know these websites. The ultimate list of the best developer tools.

A thread 🧵👇️
1. gradienta.io

Create stunning aesthetic multicoloured backgrounds in seconds and copy CSS.

{ 1 / 10 }
2. builtwith.com

Find out what technology websites are built with.

{ 2 / 10 }
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(