Design Resources

Discover a comprehensive collection of resources, catering to both designers and developers, to aid you in crafting your upcoming projects.

Your contributions are warmly welcomed! Feel empowered to create a new pull request and share any fresh resources not yet featured on the list or propose improvements to existing ones.

You can find more information on how to contribute here.

Fonts
Icons
Lottie Animations
Photos
Videos
Music
Illustrations
Vectors
Backgrounds & Patterns
Colors
Mockups
Design Systems
UI Kits
Design Inspiration
Design Blogs
Learning Resources
Prototyping Tools
Collaboration Tools
Design Contests
Design Tools

Fonts

DaFont

Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author, or by popularity.

Google Fonts

Library of more than a thousand free and open-source font families, an interactive web directory for browsing the library, and APIs for using the fonts via CSS and Android.

Use & Modify

Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces. Open source licenses make them free to use and modify.

Font Fabric

A digital type foundry crafting retail fonts and custom typography for various brands.

Font Squirrel

Font Squirrel scours the internet for high quality, legitimately free fonts.

FreeFaces

Curated collection of typefaces that are available under a variety of free licenses somewhere on the interwebs.

Lost Type Co-op

Collaborative digital type foundry, distributing typefaces from designers around the world.

Google Web Fonts Typographic Project

A showcase of Google Fonts and their typographic features in use.

League of Moveable Type

The first open-source type foundry, dedicated to making high-quality typefaces available to the public.

Velvetyne Type Foundry

A French digital type foundry that publishes open-source fonts for free.

Font Library

A library of high-quality, open-source fonts for all languages and scripts.

Icons

Icons8

Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality.

Shaped Fonts

Free fonts and custom fonts for your company and projects.

The Noun Project

Noun Project features the most diverse collection of icons and stock photos ever.

Ion Icons

Ionicons is an open-sourced and MIT licensed icon pack.

Simple Icons

Free SVG icons for popular brands.

FontAwesome

Font and icon toolkit based on CSS and Less. It was made by Dave Gandy for use with Bootstrap.

Feather

Feather is a collection of simply beautiful open-source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability.

Material Design

Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles.

Phosphor Icons

Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.

Streamline Icons

A huge collection of meticulously crafted icons, covering a wide range of categories and themes.

Iconmonstr

A library of free, simple icons for everyday use.

Heroicons

A set of free, MIT-licensed high-quality SVG icons for you to use in your web projects.

Bootstrap Icons

Official open-source SVG icon library for Bootstrap.

Eva Icons

A pack of more than 480 beautifully crafted Open Source icons for common actions and items.

Lottie animations

LottieFiles

Lottie's marketplace.

Lordicon

Powerful animated icon library with 1000+ free and premium animated Lottie animations.

Airbnb Lottie

A library that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and the web.

Iconscout

A collection of free and premium Lottie animations for various design needs.

Animaticons

A set of high-resolution, animated GIF icons that you can customize.

MotionElements

Royalty-free Lottie animations for commercial use.

MotionBox

Create, edit, and customize Lottie animations online for free.

Lottie Animation Library

A library of animated icons available in Lottie format, ideal for enhancing user interfaces.

LottieFiles Community

A community-driven collection of free animations for various design projects.

Photos

Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty-free or stock photos.

Pexels

Free stock photos & videos you can use everywhere. Browse millions of high-quality royalty-free stock images & copyright-free pictures.

Pixabay

Pixabay is a vibrant community of creatives, sharing copyright-free images, videos, and music.

Random User Generator

A free, open-source API for generating random user data. Like Lorem Ipsum, but for people.

Reshot

Handpicked, non-stocky images for creators. Free for commercial and editorial use.

Burst

Free stock photos and images for websites and commercial use. Powered by Shopify.

Kaboompics

Free images for personal and commercial use, including a color palette based on the photos.

StockSnap

Hundreds of high-resolution images added weekly, all available for free.

Gratisography

The world's quirkiest collection of high-resolution free stock images.

Picjumbo

Free photos for personal and commercial use. New free photos added every day.

Life of Pix

Free high-resolution photography, shared by photographers worldwide.

New Old Stock

Vintage photos from public archives free of known copyright restrictions.

SplitShire

Beautiful stock photos for personal and commercial use.

Videos

Coverr

Coverr video is a completely free stock footage website that allows you to download and use high-quality stock videos anywhere.

Pixabay

Pixabay is a vibrant community of creatives, sharing copyright-free images, videos, and music.

Videezy

Free HD Stock Video Footage! - Videezy is a community of Videographers who download and share free HD stock video!

Mixkit

Mixkit is a free gallery of awesome stock video clips, music tracks, sound effects, and video templates.

Videvo

Videvo offers free stock videos and motion graphics for use in any project.

Pond5

Royalty-free stock footage, motion graphics, and music tracks for creative projects.

Vidsplay

Download free stock footage for your website, YouTube, and all other projects.

Motion Places

Beautiful free stock video footage shot in various locations around the world.

Pexels Videos

Free stock videos and footage shared by talented creators.

Beachfront B-Roll

Free stock video footage for any project.

Clipstill

A collection of cinemagraphs (still photos with minor repeated movement).

Mazwai

Curated high-quality stock video footage for free use.

Music

Free Stock Music

100% royalty-free music for your YouTube videos or multimedia projects.

Bensound

Royalty-free music tracks for multimedia projects, videos, and more.

Incompetech

Royalty-free music and music loops for use in any project, created by Kevin MacLeod.

Free Music Archive

A library of high-quality, legal audio downloads directed by WFMU.

YouTube Audio Library

Free music and sound effects for YouTube videos.

Jamendo

A platform for independent musicians offering free music downloads for personal use.

Audionautix

Free production music for creative projects by Jason Shaw.

Musopen

Free public domain classical music and sheet music for educational use.

Purple Planet

A collection of royalty-free music for use in media projects.

SoundCloud

Discover and share music from independent artists. Some tracks are available for free download.

Epidemic Sound

A subscription-based service offering a vast library of royalty-free music and sound effects.

Artlist

A music licensing platform offering high-quality, royalty-free music for creative projects.

Soundstripe

A subscription-based service providing royalty-free music for video producers.

HookSounds

Exclusive royalty-free music for use in videos, podcasts, and other media projects.

Illustrations

DrawKit

Free vector SVG illustrations for you to use on your next project, no attribution required.

Open Peeps

Open Peeps is a hand-drawn illustration library to create scenes of people. You can use them in product illustration, marketing, comics, product states, and user flows.

Open Doodles

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

Illustrations

Large set of open-source illustrations. You can use completely free and without attribution.

Blush

Blush is as amazing and creative as the artists they've chosen to represent.

Humaaans

Mix-&-match illustrations of people with a design library for InVision Studio and Sketch.

Undraw

Open-source illustrations for any idea you can imagine and create.

Lukas Zadam

Independent artist with free illustrations and resources to use.

IRA Design

Create amazing illustrations by customizing the colors, shapes, and elements.

Skribbl

Hand-drawn illustrations for your projects, available in a variety of categories.

Ouch!

A collection of free illustrations by Icons8, available in various styles and categories.

Absurd Design

Surrealist illustrations for creative projects, available under a free personal use license.

Stubborn

A collection of free vector illustrations for commercial use.

Control

Illustrations for busy designers and startups.

Vectors

Pixabay

Pixabay is a vibrant community of creatives, sharing copyright-free images, videos, and music.

Vecteezy

Choose from over a million free vectors, clipart graphics, vector art images, design templates, and illustrations created by artists worldwide.

Freepik

A platform offering a vast collection of free vectors, stock photos, and PSD files.

VectorStock

Download free and premium vector art and illustrations.

Vector.me

Free vector search engine with over 280,000 vectors available for download.

Public Domain Vectors

A collection of free vector images in the public domain.

Vector Portal

Free vector images, clipart, and vector graphics for personal and commercial use.

Flaticon

A huge database of free icons in PNG, SVG, EPS, PSD, and BASE 64 formats.

Vector4Free

A curated collection of free vector graphics.

Stockio

Free vectors, photos, videos, and fonts for personal and commercial use.

Backgrounds & Patterns

Get Waves

Generates a nice SVG file of a wave, which can be configured to your liking.

CSS Gradient

Generates CSS code for gradients with a configurable UI.

SPACE TYPE GENERATOR

Kinetic type generator that allows to create animated text.

Subtle Patterns

A collection of subtle background patterns for web projects.

Patterninja

Create patterns using a rich collection of graphics and shapes.

PatternPad

Design seamless patterns in a variety of styles.

Tartan Maker

Create tartan patterns online.

Patternico

Create beautiful patterns and backgrounds with simple tools.

Bgjar

Free SVG background generators for your website.

Trianglify

Generate low-poly backgrounds in SVG format.

Pattern Library

A collection of beautiful and unique patterns.

DinPattern

Free seamless pattern designs for download.

Patterns

A platform offering a variety of free patterns for use in design projects.

Geopattern

Create beautiful, customizable geometric patterns automatically.

SVG Backgrounds

A collection of customizable SVG-based backgrounds.

Hero Patterns

A collection of repeatable SVG background patterns for your web projects.

Colors

Adobe Color

Probably the best tool around when it comes to creating a color theme for your application. You can create yours or check palettes uploaded by other users.

2 Color Combinations

Provides you different color combinations to be used on your application.

Coolors

Generate perfect color combinations for your designs.

Color Hunt

A free and open platform for color inspiration with thousands of curated color schemes.

Paletton

A tool for creating color combinations and palettes.

ColorSpace

Generate palettes and gradients with the help of AI.

Material Palette

Generate and test color palettes for Material Design.

Colormind

A color scheme generator powered by deep learning.

HTML Color Codes

An online tool for picking colors and generating color schemes.

Colour Lovers

A creative community where people share colors, palettes, and patterns.

ColorHexa

A color encyclopedia providing information and conversion for colors.

Muzli Colors

A color palette generator with trending palettes and colors.

Colorffy

Discover, create, and share beautiful color palettes.

Palettab

A Chrome extension that generates beautiful color palettes with every new tab.

Happy Hues

Get color inspiration with curated palettes for your design projects.

Pigment

A color tool that creates colors and gradients based on color theory.

Color Lisa

A curated list of color palettes based on masterpieces of world art.

Color Leap

Travel through time with color palettes inspired by different historical periods.

Mockups

Smart Mockups

Quickly create mockups using already built templates.

Screely

Instantly turn a screenshot into a browser mockup.

Mockup World

The biggest source of free photo-realistic mockups online.

Placeit

Create beautiful mockups, design templates, and videos online.

Pixeden

A collection of free and premium graphic design resources.

GraphicBurger

Tasty design resources made with care for each pixel.

Mockup Bro

Create realistic mockups in seconds.

Shotsnapp

Create beautiful device mockups in your browser.

Mockuuups Studio

An easy-to-use mockup generator with over 500+ mockups.

Mockup Mark

Create custom device mockups for your website or app.

Artboard Studio

A mockup and design tool for branding projects.

Dimmy.Club

Free browser mockup generator.

AppLaunchpad

Generate beautiful mockups for your app or website.

Previewed

Free mockup generator for app designs and screenshots.

Mrmockup

Free and premium mockups for various design needs.

PSD Repo

Curated collection of free PSD mockups and templates.

MockupLove

Free and premium mockup templates for various design projects.

MockupTree

A curated collection of free mockups for designers.

Template.net

High-quality mockup templates for various design needs.

Design Systems

Material Design

Google's design system for building high-quality digital experiences.

Ant Design

A design system with a set of high-quality React components out of the box.

Carbon Design System

IBM's open-source design system for digital products and experiences.

Atlassian Design System

Design guidelines and resources for creating Atlassian products.

Primer

GitHub's design system for creating consistent web interfaces.

Polaris

Shopify's design system for building a great experience for all merchants.

Spectrum

Adobe's design system for building consistent, coherent experiences.

Human Interface Guidelines

Apple's design principles and guidelines for creating intuitive user experiences.

Fluent Design System

Microsoft's design system for building cross-platform experiences.

Grommet

A design system for creating accessible and responsive web applications.

Evergarden

A set of guidelines and resources for creating intuitive and consistent interfaces.

Pivotal UI

A design system for creating cohesive user experiences in Pivotal's products.

Clarity

VMware's open-source design system for enterprise applications.

DesignSystem.codes

A collection of resources and tools for creating design systems.

Elastic UI

Elastic's design system for creating engaging user experiences.

UI Kits

Sketch App Sources

A collection of free Sketch files, resources, and tutorials.

UI8

Premium UI kits, design systems, and resources for designers.

InVision Freehand

Collaborative UI design tool with a collection of free UI kits and templates.

Creative Tim

Bootstrap UI kits, templates, and design tools for web development.

Tilda

A web design platform with a collection of UI kits and templates.

Freebiesbug

A curated collection of free design resources, including UI kits and templates.

Pixel Buddha

Free and premium design resources, including UI kits, templates, and mockups.

UI Kitten

A React Native UI library with customizable UI kits.

Designmodo

Free and premium UI kits, templates, and design tools.

UIKit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

UI Design Daily

Daily UI design inspiration and free UI kits for various design projects.

Material UI

React components for faster and easier web development, based on Material Design.

Figma Community

A collection of free UI kits, templates, and resources shared by the Figma community.

Craftwork

A marketplace for UI kits, templates, and design resources.

Codrops

A collection of UI kits and design resources shared by the Codrops community.

PSD Repo

Curated collection of free PSD UI kits and templates.

SketchRepo

A collection of free Sketch UI kits and resources.

UI Store

Free and premium UI kits, templates, and design resources for various design projects.

Uplabs

A platform for sharing UI kits, templates, and design resources.

Design Inspiration

Behance

A platform for showcasing and discovering creative work.

Dribbble

A community for showcasing user-made artwork, including web design, graphic design, and more.

Awwwards

A showcase of the best web design, featuring awards and recognition for creativity and innovation.

SiteInspire

A showcase of the best web design inspiration, featuring websites across various industries.

CSS Design Awards

A platform recognizing and awarding the best web design and development.

Designspiration

A platform for sharing and discovering design inspiration across various disciplines.

The Design Inspiration

A curated collection of design inspiration, including graphic design, web design, and photography.

One Page Love

A showcase of the best one-page websites, templates, and resources.

Lapa Ninja

A collection of the best landing page design inspiration.

Land-book

A curated collection of the best landing page designs for inspiration.

Httpster

A showcase of the best web design, featuring modern and innovative websites.

Admire The Web

A gallery of beautifully designed websites for inspiration.

Niice

A platform for collecting and organizing design inspiration and ideas.

Mobbin

A library of hand-picked mobile design patterns and inspiration.

Collect UI

A collection of daily UI design inspiration from various designers.

UI Movement

A community-driven platform for sharing and discovering UI design inspiration.

Design Shack

A platform for showcasing and discovering creative web design and development.

Minimal Gallery

A showcase of minimalist web design and inspiration.

Design Blogs

Smashing Magazine

An online magazine for professional web designers and developers, featuring articles, tutorials, and resources.

A List Apart

A blog focused on web standards, best practices, and forward-thinking design and development.

Creative Bloq

A blog offering daily design tips, tutorials, and inspiration for creative professionals.

Designmodo Blog

A blog featuring articles and tutorials on web design, development, and inspiration.

Webdesigner Depot

A blog offering articles, tutorials, and resources for web designers and developers.

Codrops

A blog featuring articles, tutorials, and resources on web design and development.

UX Design

A blog focused on user experience design, offering articles, tutorials, and resources.

Speckyboy Design Magazine

A blog featuring articles, tutorials, and resources on web design and development.

Design Shack

A blog offering articles, tutorials, and resources on web design, development, and inspiration.

CSS-Tricks

A blog offering articles, tutorials, and resources on web design and development, with a focus on CSS.

Designmodo

A blog featuring articles and tutorials on web design, development, and inspiration.

Tuts+

A blog offering tutorials and articles on web design, development, and creative skills.

Envato Blog

A blog featuring articles, tutorials, and resources for creative professionals.

SitePoint

A blog offering articles, tutorials, and resources on web design and development.

Noupe

A blog featuring articles, tutorials, and resources on web design, development, and inspiration.

The Next Web

A blog offering articles, news, and resources on technology, design, and innovation.

Muzli

A blog offering articles, tutorials, and resources on web design, development, and inspiration.

Web Design Ledger

A blog featuring articles, tutorials, and resources on web design and development.

Sidebar

A daily newsletter featuring the best articles, tutorials, and resources on web design and development.

The Verge

A blog offering articles, news, and resources on technology, design, and innovation.

Dribbble Blog

A blog featuring articles, tutorials, and resources on web design, development, and inspiration.

design-resources design-resources copied to clipboard

Metadata

Design Resources

Table of Contents

Fonts

Icons

Lottie animations

Photos

Videos

Music

Illustrations

Vectors

Backgrounds & Patterns

Colors

Mockups

design-resources
design-resources copied to clipboard