Focus on what's more important!
A one-stop shop for all designers and developers. Let's say goodbye to all those rusty bookmark lists and add value to your time.
UI/UX Design & Prototyping
Figma
Build better products as a team. Design, prototype, and gather feedback all in one place with Figma
Adobe XD
Adobe XD is a fast & powerful UI/UX design solution for websites, apps more
Sketch
Sketch is used primarily for designing the UI and UX of mobile apps and web.
Invision
InVision is the digital product design platform used to make the world’s best customer experiences
Framer
It’s interactive design made simple—no code required, browser-based, and free for everyone
Wondershare Mockitt
Wondershare Mockitt offers rapid design and prototyping with intuitive features, allowing designers to collaborate effectively
Design Systems
Bloo
All in one open source wireframe kit for quick design and prototyping your idea
Ant Design
A design system for enterprise-level products. Create an efficient and enjoyable work experience
Chakra UI
Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System
Patternfly
PatternFly is an open source design system built to drive consistency and unify teams.
Mantine
A fully featured React components library (Build fully functional accessible web applications faster than ever)
Liquid
Use Liquid to create and develop digital products to make science faster, treatments more personalized
Backstage
Backstage restores order to your infrastructure and enables your product teams to ship high-quality code quickly
Illustrations
Humaaans
Match illustrations of people with a design library for InVIsion Studio and Sketch
Undraw
The design project with open-source illustrations for any idea you can imagine and create
Smash Illustrations
Changing and overlapping them, you can quickly illustrate an idea of your startup
Holla Today
Library of 36 characters in SVG format. Available for Sketch, Figma and Adobe XD. Different colors, positions, and scene
Iconscout Illustrations
Handpicked unique illustration packs by Iconscout team featuring best illustration packs
Drawkit
Free and premium vector SVG illustrations for you to use on your next project, no attribution required!
Blush
Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it’s kind of fun.
Free Illustrations
Find free illustrations vectors for your next personal or commercial project with without attribution
Ouch
Free vector illustrations to enhance your project. Ouch helps creators unable to draw overcome the lack of quality graphics
Storyset
Awesome free customizable illustrations for your next project
Doodle Ipsum
The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.
3D Assets
Toy Faces
Toy Faces is a fun diverse library of 3D avatars for your design mockups and commercial use
Characterz
The biggest 3D illustration library in the world. 10,000,000+ combinations of 3D characters
Avatarz
Lovely library of 3D avatars for your projects, products or marketing purposes
Handz
This is free 3D hands gestures library for any occasion
Iconz
Lovely library of 85 3D icons for your amazing products
Khagwal 3D
Free 3D illustration pack for web & mobile app designers
Iconscout Free 3D's
Crowdsourced royalty-free 3Ds for commercial use, and free 3D vectors
Clay Mockups
iPhone 12 Clay Mockups for Sketch and Figma
3D Icons
Beautifully crafted open source 3D icons
Photos
Pexels
The best free stock photos & videos shared by talented creators
Unsplash
Beautiful, free images and photos that you can download and use for any project
Pixabay
Stunning Free images, videos and music you can use anywhere
The Noun Project Photos
An inclusive, diverse collection of art-quality photos. Because representation matters
Videos
Videvo
Videvo offers a large selection of HD video clips, motion graphics and free stock footage
Coverr
Coverr video is a completely free stock footage website that allows you to download and use anywhere.
Mixkit
Download Free Stock Video Footage, Stock Music. Premiere Pro Templates for your next video editing project
Pixabay Videos
Stunning free stock video footage & clips shared by our talented community
Fonts
Fontshare
A free fonts service by itfoundry, making quality fonts accessible to all
Google Fonts
Making the web more beautiful, fast, and open through great typography
Fontfabric
Fontfabric is a type foundry built up of a compact team of talented and multidisciplinary designers
Fontspark
FontSpark is a simple tool to help designers quickly find the best fonts for their projects
Fontspace
Free downloads of legally licensed fonts that are perfect for your design projects
Dafont
Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity
Icons
Feather Icons
Feather is a collection of simply beautiful open source icons. Each icon is designed with an emphasis on simplicity
Icons8
Download design elements for free: icons, photos, vector illustrations, and music for your videos
Ionicons
Ionicons is an open-sourced and MIT licensed icon pack
Heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
Lordicon
Powerful animated icon library with 1500+ free and premium animated Lottie animations
Iconset
A beautiful and powerful application to collect, customize and manage all your icons
Jam Icons
Jam Icons have 890+ handcrafted SVG icons to make your web app awesome
The Noun Project
Noun Project features the most diverse collection of icons and stock photos ever
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade
Bootstrap Icons
Bootstrap Icons. Free, high quality, open source icon library with over 1,300 icons
Material Icons
Material Icons are available in five styles and a range of downloadable sizes and densities
Flaticon
The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats
Primer
Octicons are a set of SVG icons built by GitHub for GitHub. This repository contains several libraries
Colors & Gradients
Coolors
Generate or browse beautiful color combinations for your designs. Explore thousands of ready-made palettes
Colorsinspo
Colorsinspo is all in one resource to find everything about colors with extreme ease
Colorspark
ColorSpark is a simple tool to help designers find unique colors and striking gradient combinations.
Grabient
Beautiful and simple UI for generating web gradients
Uigradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers
Webgradients
Free collection of 180 background gradients that you can use as content backdrops in any part of your website
Egggradients
Ready to use gradient background colors. Cool Gradients are prepared according to the latest design trends
Coolhue
Get coolest handpicked gradient colors collection palette for your next project, alternatively copy css
Mockups
Smartmockups
Smartmockups enables you to create stunning high-resolution mockups right inside your browser within one interface across multiple devices
Shotsnapp
Shotsnapp is an easy-to-use device mockup images tool. It also features beautiful templates along with full customization
Mockupworld
The best free mockups from the web: The biggest source for free photo-realistic mockups online!
Uispace
UI Space gives you high quality hand-crafted PSDs and AI freebies, free fonts, mockups, the latest free icons sets and more
Mockupsjar
Create realistic previews for free for your websites and mobile apps with MockupsJar: The free mockup generator
Magic Mockups
Make your app/product screenshot more live and interesting and see how it fit in real world environment
Graphicburger
Tasty design resources made with care for each pixel. Free for both personal & commercial use. Have a bite!
PSD Repo
Free PSD & Adobe Xd templates designed by talented creatives who choose to share their work with the rest of the community
Svg Animation
Svgator
Svgator is an incredibly useful and innovative SVG animation tool that lets you create stunning SVG animations
Shape Shifter
Shape Shifter simplifies the process of creating SVG-based icon animations
Rive
Create and ship beautiful animations to any platform
CSS Utilities
Haikei
Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!
Shape Divider
Custom Shape Dividers We created this free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project. We hope you enjoy this tool
Trianglify
Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets
UI Snippets
A collection of CSS effects. Right click the animation to copy the styling
Glass UI
Get started with this free CSS generator based on the glassmorphism design specifications
CSS Reference
It is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples
Paaatterns
Free collection of beautiful patterns for all vector formats. For Sketch, Figma, XD, Illustrator. In png and svg
Flaticon Pattern
Create patterns easily with Flaticon. Discover a fun and easy way to make seamless patterns with Pattern Generator. Try it now Learn more. Customizable
SVG Backgrounds
Customize and apply backgrounds fast. SVGs enable full-screen hi-res visuals with a file-size near 5KB and are well-supported by all modern browsers.What's not to love?
Pattern-css
CSS only library to fill your empty background with beautiful patterns
JS Libraries
Clipboard JS
A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped
Popper JS
Popper.js is a positioning engine, its purpose is to calculate the position of an element to make it possible to position it near a given reference element
Typed JS
Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed
Anime JS
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
Slick JS
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!
Prism JS
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily
Miscellaneous
I Hate Regex
I Hate Regex is a regex cheat sheet that also explains the commonly used expressions so that you understand them
Toptal Gitignore
Create useful .gitignore files for your project by selecting from 521 Operating System, IDE, and Programming Language .gitignore templates
Can I Use
Check cross-browser compatibility of frontend technologies
Readme
Use readme.so's markdown editor and ready made templates to easily create a simple README for your repositories
Bundlephobia
Bundlephobia helps you find the performance impact of adding a npm package to your front-end bundle
Devdocs
DevDocs combines multiple API documentations in a fast, organized, and searchable interface
Keycode
Keycode testing tool - which keys map to which keycodes?
HTTP statuses
httpstatuses.com is an easy to reference database of HTTP Status Codes with their definitions all in one place