DEV Community

Abdullahi Aminu Mudi
Abdullahi Aminu Mudi

Posted on • Originally published at abdulfortech.com

1

UI Graphics Resources

The following is a list of websites and resources that contain modern UI components in different file formats such as PSD, Sketch, Figma, etc. They are great and helpful for web components and UI design.

  • SVG sine waves : Export perfect sine waves as SVG for your front-end projects.
  • UI Design Daily : Awesome UI Components of all types.
  • 100 Daily UI : Free Figma library of products, elements, and screens.
  • Sketch App Sources : Sketch UIs, wireframes, icons and much more.
  • Humaaans : Cool illustrations of people with the ability to mix and match.
  • Paaatterns : Free collection of beautiful patterns for all vector formats.
  • thepatternlibrary : Free beautiful background patterns .

  • 404 illustration : Free illustrations for 404 pages.

  • Drawkit.io : Illustrations for designers and startups.

  • Absurd.design : Free surrealist illustrations for designers and developers.

  • Undraw.co : Open-source illustrations for any idea you can imagine and create.

  • Manypixels.co : Monochromatic, Isometric high-quality illustrations.

  • Open Peeps : Hand drawn illustration library.

  • UI Space : Thousands of great UI freebies.

  • Animations.co : Beautiful, customizable animated GIF icons.

  • Uplabs : High-quality design resources (Free & Premium).

  • Hero Patterns : A collection of repeatable SVG background patterns.

  • BEAUBUS Patterns : A set of 150+ free SVG patterns (backgrounds).

  • Blush : Free customizable illustrations with Figma Plugin.

  • Avataaars : Free sketch library of avatars illustrations by Pablo Stanley.

  • Open Doodles : A Free Set of Sketchy Illustrations.

  • InvisionApp : Library of free, high-quality UI kits, icon packs, and mockups.

  • IsoFlat : A Free collection of Isometric SVG graphic resources.

  • IRA Design : An open-source gradient illustrations collection by creative tim.

  • Transparent Textures : A collection of transparent textures background patterns.

  • icons8.com/illustrations : Vector illustrations to class up your project.

  • Patternico : Seamless Pattern Maker.

  • Freellustrations : Free Background Images for awesome landing Pages.

  • Pixeltrue Illustrations :Free Animated Illustrations.

  • Abstract User Avatar API : A
    PI to create simple yet flexible user avatars from user names or emails.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (1)

Collapse
 
fafutuka profile image
LazyDeveloper

🙌

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video