DevToolbox - Free Developer Tools and Design Resources for Web Development

Humaaans

Cool illustrations of people with the ability to mix and match

Drawkit.io

Illustrations for designers and startups

Reshot illustrations

Free Vector Illustrations

Freeillustrations

FIND FREE TO USE IMAGE ILLUSTRATIONS - ILLUSTRATION KIT | CONSTRUCTOR | TOOLS

Fontshare

Free fonts service from the Indian Type Foundry.

Google Fonts

Library of around 1000 free licensed font families

Fontbolt

Discover and generate your favorite fonts from pop culture.

Fontsquirrel

Hundreds of hand-selected, user-friendly typefaces

Realtime Colors

Visualize Your Colors & Fonts On a Real Site. Choosing colors or typography for your website? Use this tool to realize your choices.

Coolors

Create the perfect palette or get inspired by thousands of beautiful color schemes

ColorSpace

Generate nice color palettes from one color

Eva Design System

Generate color pallets using deep learning powered algorithm.

Gradientmagic

A Free Gallery of Fantastic and Unique CSS Gradients

ColorGradient

A free tool to create simple and complex CSS Gradients visually

UI Gradients

UI gradients color generator

Gradient Hunt

A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients

BGjar

Free svg background generator for your websites, blogs and app.

Coolbackgrounds generator

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites.

animatedbackgrounds

With Animated Backgrounds, you can easily set a variety of elegant and engaging background animations with just a few clicks.

Super Designer

Design tools that give you super powers.

Heroicons

Beautiful, hand-crafted SVG icons, by the makers of Tailwind CSS.

Lucide

Beautiful & consistent icons. Made by the community. Fork of Feather Icons.

Phosphor Icons

A flexible icon family for interfaces, diagrams, presentations.

Iconduck

163,386 free open source icons & illustrations

Font Awesome

The web's most popular icon set and toolkit

Line Awesome

Swap in replacement of Font Awesome with modern line icons

IonIcons

Beautifully crafted open source icons from Ionic team. All icons may also be downloaded as SVG.

Boxicons

Boxicons is a free collection of carefully crafted open source icons

LogoSear

Search engine with over 200,000 SVG logos indexed

SVGPorn

1000+ high-quality SVG logos

Payment System Logos

Logos for payment systems available in png and svg

Browser Logos

High resolution web browser logos

HiClipart

A community for designers to share & download transparent background PNG cliparts

Openclipart

Openclipart. Since 2004, Now with 172635 clipart.

Vecteezy

Find and download free vector art

Freepik

Find and download the best high-quality photos, designs, and mockups

Pexels

Free stock photos shared by talented creators

Unsplash

The internet’s source of freely usable images

Pixabay

Over 1.7 million+ high-quality stock images and videos

Magdeleine

Gallery & free high-resolution photo everyday

Pexels

Largest library of free to use videos, donated by the community

Pixabay

Large library of free to use videos, donated by the community similar to Pexels

Coverr.co

Beautiful free stock video footage

Videezy

Free HD stock footage & 4K videos

Zapsplat

112,818 stunning sound effects

Free Stock Music

Royalty free stock music for YouTube videos, podcasts, etc

Pixabay

Free music downloads for your project like Youtube videos, Music, Vlog, Film, Podcast etc.

Bensound

Download Royalty Free Music for free and use it in your project

Smart Mockups

Create stunning product mockups

Media Modifier

Beautiful design mockups service for your products

Mockups-Design

Mockups Design is a site where you can find free premium mockups that can be used in your private and commercial work.

Mockuphunt

Hunting The Best Free Mockups from The Trusted Websites

htmlrev

Free beautiful HTML5 templates and landing pages

Start Bootstrap

Bootstrap starter themes

Freebiesbug

Hand-picked resources for web designer and developers, constantly updated templates and other free stufs

Mobirise

Great looking HTML5/CSS3 templates

Tailwind CSS

Low level, utility-first framework

Bootstrap

Popular UI framework with tons of components that use both CSS and JS

Semantic UI

Empowers designers and developers by creating a shared vocabulary for UI

Bulma

Modern CSS framework with no JS

CSS box-shadow

91 Beautiful CSS box-shadow examples.

Css-scroll-shadows

If there is a scrollable element, add scroll shadows effect with this tool.

CSS Grid Generator

A tool for creating CSS Grid Layouts

Css 3d Transform

Beautiful CSS 3D Transform Examples

Animate.css

Just-add-water CSS animations

Magic Animations

Animations has been one of the most impressive animation libraries available

Zdog

Round, flat, designer-friendly pseudo-3D engine for canvas & SVG

AutoAnimate

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.

Three.js

An easy to use, lightweight, 3D library with a default WebGL renderer.

lax.js

Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!

Atropos

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Greensock

A JavaScript library for building high-performance animations that work in every major browser

ChartJS

Simple yet flexible JavaScript charting for designers & developers

FrappeJS

Includes Green squares grid like in GitHub, and other charts to use.

G2Plot

G2Plot is an interactive and responsive charting library based on the grammar of graphics.

Google Charts

Get the experience from Google to create similar charts that Google uses.

Flowrift

Flowrift is a library made of beautifully designed Tailwind CSS UI blocks.

Tailwind Components

A free repository for community components using TailwindCSS

tailspark

300+ Free TailwindCSS Components & Templates

component gallery

The Component Gallery is a reference for building user interfaces with an up-to-date collection of components from design systems.

Tremor

The React library to build dashboards fast. Modular components to build insightful dashboards in no time.

Headless UI

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Tamagui

Style React Native and Web with a single typed styling system. Universal, performant, and typed.

Park UI

Beautifully designed components built with Ark UI and Panda CSS. Accessible, customizable, and developer-friendly.

Vuetify

Material design component framework

Bootstrap Vue

Use Bootstrap components with Vue

Semantic UI Vue

Semantic UI Vue is the Vue integration for Semantic UI

Arco Design Vue

A comprehensive Vue UI components library based on the Arco Design system.

Skeleton

Adaptive, accessible, and performant UI library for Svelte and Tailwind CSS.

Svelte Material UI

UI library for Svelte based on Material Design

SvelteStrap

UI library for Svelte based on the Bootstrap framework

Svelte Particles

A lightweight Svelte component for creating particles

Magnus UI

Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native

React Native UI Lib

React Native UI is a UI Toolset & Components Library for React Native from Wix

React Native Paper

React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases

UI Kitten

UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise.

Supabase

The open source Firebase alternative. Instantly set up a backend.

Neon

Serverless Postgres. Built for the Cloud.

Turso

SQLite for the Edge.

Vercel

Vercel is the frontend development platform that gives innovators the speed and dependability they need to innovate at the moment of inspiration.

Hoverify

All-in-one browser extension for web development. Inspector, Color Picker, and more.

WhatFont

The easiest way to identify fonts on web pages.

Accessibilityinsights

Solve accessibility issues before they reach your customers.

Checkbot

Checkbot finds SEO, speed & security problems before your website visitors do

Checklist Design

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

Material Design

Google's Material Design

Ant Design

Design system for enterprise-level products

Apple Design Resources

Guides and templates for using Apple design and UI

Wireframe.cc

Wireframing tool

Pixlr

Online photo editor

Animoto Video Maker

Make videos online

Onlineboard

Real-time shareable whiteboard for brainstorming

Gimp

Free & open source image editor similar to Photoshop

Gravit Designer

Free full-featured vector graphic design app that works on ALL platforms

Blender

Open source, free animation, 3D modeling, etc.

Raw Therapee

Cross-platform raw image processing program

Dribbble

Design projects featured by different creators

Collect UI

Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily.

Saaspages.xyz

A collection of the best landing pages with a focus on copywriting and design.

Shuffle Dev

Shuffle gives you 8,700+ fully responsive UI components to get you started.

BulkResizePhotos

Bulk image resizing, compression & converting that perform all the tasks within the browser, It works offline

Compressimage

Compress JPG and PNG images at light speed with Browser based Image compressor. Private, Works Offline, No Limits, Low carbon footprint.

TinyPNG

Smart PNG and JPEG compression

Shrink.media

Reduce Size of your Images for Free

Galileo AI

Generates interface designs from text prompts. UI design for the AI era.

Google Gemini

Google’s most capable AI model, designed to be multimodal and built into Google apps.

Claude

Next-generation AI assistant for your tasks, no matter the scale. By Anthropic.

Github Copilot

Your AI pair programmer. GitHub Copilot uses the OpenAI Codex to suggest code and entire functions in real-time, right from your editor.

Jokeapi

JokeAPI is a REST API that serves uniformly and well formatted jokes.

Mockaroo

Need some mock data to test your app? Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats.

Random User Generator

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

Pokeapi

The RESTful Pokémon API

DevDocs

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.

OverAPI

Collecting all cheat sheets. One of the best cheat sheet repositories.

Quickref me

A website with a cheat sheet about many popular programming languages

Awesome-cheatsheets

Cheatsheets for popular programming languages, frameworks and development tools.

Valibot

The modular and type safe schema library for validating structural data.

Zod

TypeScript-first schema validation with static type inference.

Linear

A better way to build products. Streamline issues, sprints, and product roadmaps.

Astro

The web framework for content-driven websites. Build fast sites, faster.