Best Websites to Find Free Resources for Frontend Web Developers and Designers

Shahed Nasser
2 min readAug 27, 2019

Photo by John Salzarulo on Unsplash

Perhaps one of the hardest tasks is finding free resources for your projects. This list will hold websites that offer freebies. I will try to keep the list updated along the way.

Some of the websites may have a different license for each resource they offer, so you might need to look out for that.

General

  1. Freebie Supply: Free icons, vectors, fonts, templates, themes and more.
  2. Freebiesbug: Another website that has a wide collection of icons, vectors, templates, and more.
  3. Neede: It’s aimed more towards designers, but developers might find some useful stuff like templates, colors, illustrations and more.

Fonts

  1. Google Fonts
  2. 1001 Fonts

Icons

  1. Material Design Icons
  2. Feather
  3. SVG Repo

Website Templates

  1. Free CSS: Free CSS templates, layouts, and menus.
  2. Free Web Templates
  3. Free Website Templates
  4. One Page HTML templates
  5. BootstrapMade: Free website templates (requires attribution)
  6. HTML5 UP!: Free responsive HTML5 templates (requires attribution)
  7. TEMPLATD: Free HTML templates (requires attribution)

Illustrations

  1. unDraw: Free illustrations for any project you can think of.
  2. Lukasz Adam’s Free Illustrations: Free unique illustrations.
  3. DrawKit: Free wide range of illustrations.

Images

  1. Unsplash: Free images with no attribution required.
  2. Pexels: Free stock images with no attribution required.

Gradients and Colors

  1. WebGradients: Free gradients that you can either copy as CSS rules or download them as .sketch or .psd
  2. uiGradients: Free gradients that you can either copy as CSS rules or download them as .jpg images.
  3. Gradient Hunt: Free gradients that you can either copy as CSS rules or download them as .png images. They also offer a Chrome extension.
  4. Color Hunt: Free color schemas. Also offers a Chrome extension.

Other

  1. Pattern Cooler: Free background patterns.
  2. The Pattern Library: Free background patterns.
  3. hatchful: Free logo generator.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

No responses yet

Write a response