Saurav Purohit Profile picture
Jan 23 β€’ 12 tweets β€’ 4 min read
As a Front End developer, having a bank of the best UI illustrations can prove to be a huge asset.

Here are 10 websites where you can find them.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Undraw. co

Open source illustrations for almost everything according to the color you choose.

undraw.co
πŸ‘‰ Humaaans

Mix-&-match illustrations of people with a design library.

humaaans.com
πŸ‘‰ Drawkit. io

Hand-drawn vector illustration and icon resources updated weekly.

drawkit.com
πŸ‘‰ Error 404

Free illustrations for your 404 page.

error404.fun
πŸ‘‰ Absurd. design

Get free surrealist illustrations for your project here.

absurd.design
πŸ‘‰ Avataars

Mix and match avatar illustrations.

avataaars.com
πŸ‘‰ Open Doodles

Free, open-source sketch illustrations.

opendoodles.com
πŸ‘‰ UI Space

High quality hand-crafted Free Sketch files, PSDs and AI freebies, free fonts, mockups.

πŸ”— uispace.net
πŸ‘‰ CoolText

Free graphics generator for web pages.

πŸ”— cooltext.com
πŸ‘‰ UI Design Daily

Get UI components of all types with daily updates.

uidesigndaily.com
That's all for this thread. If you found this thread useful, please consider:

πŸ’› Liking these tweets
πŸ” Retweet the first tweet so others can see it.
πŸ‘€ Following me ( @SauravPurohit4 ) for more content.

Thank you !!

β€’ β€’ β€’

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

Keep Current with Saurav Purohit

Saurav Purohit 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 @SauravPurohit4

Jan 22
As a Front End developer, having a bank of the best website design inspirations can prove to be a huge asset.

Here are 10 websites where you can find the best designs.

A THREAD πŸ‘‡πŸ§΅
πŸ‘‰ Dribbble

Get inspired from most creative and best designs.

πŸ”— dribbble.com
πŸ‘‰ Codewell

Figma designs to help you practice and get inspired for your next project.

codewell.cc
Read 12 tweets
Jan 12
Some awesome websites to help you out while writing the CSS.

πŸ‘‡πŸ§΅
πŸ‘‰ CSS Tricks

Articles related to CSS and tips to get better in it.

css-tricks.com
πŸ‘‰ CSS CheatSheet

Cheatsheet for CSS so you can go through the properties easily.

cheatography.com/davechild/chea…
Read 9 tweets
Jan 11
Are you a web developer or planning to be one ?

Here are some awesome websites that may come very handy to you in your journey.

πŸ‘‡πŸ§΅
πŸ‘‰ GTMetrix

Check you website loading speed here.

gtmetrix.com
πŸ‘‰ Resize your Image

Resize your image here.

πŸ”— resizeyourimage.com/EN/
Read 10 tweets
Jan 8
Let's talk about CSS <length> data type.

It is used to specify distance measurements using absolute or relative units.

We can use them in CSS properties, such as width, height, margin, padding, font-size, and text-shadow.

⬇️
These CSS Units can be of mainly of two types :

πŸ‘‰ Absolute Lengths
πŸ‘‰ Relative Lengths

Let's see some of them below:

⬇️
1. Absolute Lengths (Do not change w.r.t device size ):

πŸ‘‰ cm/mm : Specify centimetres and millimetres.
πŸ‘‰ in : Specify inches.
πŸ‘‰ pc : Specify picas, 6 per inch.
πŸ‘‰ pt : Specify points, 72 per inch.
πŸ‘‰ px : Specify pixels, 96 per inch
Read 6 tweets
Jan 5
Are you a JavaScript developer or planning to be ?

Here are libraries that may come very handy to you.

πŸ‘‡πŸ§΅
πŸ‘‰ Three.js

JavaScript library to create amazing 3D interactive animations.

threejs.org
πŸ‘‰ Chart.js

Get simple, clean and engaging HTML5 based JavaScript charts.

πŸ”— chartjs.org
Read 11 tweets
Jan 4
Are you a web developer or planning to be one ?

Here are some awesome websites that may come very handy to you in your journey.

πŸ‘‡πŸ§΅
πŸ‘‰ roadmap .sh

Get roadmaps for almost every language you need.

roadmap.sh
πŸ‘‰ Devhints

Collection of cheat sheets that you may need.

devhints.io
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

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(