< Welcome to Web Dev Essentials />
Actionable Color Palettes
30+ Hand curated color palettes. Also provides a simple preview layout for each palette.
API Vault
A completely free and open-source tool for finding public APIs
Artvee
Browse and download free, high-resolution, public domain artworks.
BGJar
Free svg background generator for your websites, blogs and app.
Boring Avatars
Open source React library to generate unique SVG-based avatars from usernames and color palettes.
Burst
Free stock photos and images for websites and commercial use
CodyHouse Components
Free HTML, CSS, and JS components for Codyhouse, TailwindCSS or other CSS frameworks
Coolors
A fast color palette generator. Either browse popular palettes or generate your own.
Coverr
Explore our collection of 100% free stock videos. Discover snow-capped mountains, dazzling urban jungles, and abstract twinkling lights, completely free for personal or commercial use.
CSS Scan Checkboxes
Beautiful CSS checkboxes examples
CSS HD Gradients
A no-nonsense CSS Gradient generator. Allows linear, radial and conic gradients and has several presets.
CSS Shadow Gradients
A simple CSS Shadow Gradient generator. Comes with several presets.
Design Vault
Design Inspiration & UI Patterns From Real Products
Dribble
Millions of designs and mockups to help with inspiriation.
Flowbite Icons
A collection of >400 free and open-source SVG icons that are also compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
Font Pair
Free fonts and font pairings to use for your next design project. See the pairs in action instead of guessing.
Freepik
Thousands of free images and vectors. The majority require a subscription but with enough hunting you can find what you need.
Generated Faces
Enhance your creative works with unique, worry-free photos generated completely by AI. Find model images through our sorted and tagged app, or integrate images via API.
Golden Ratio Typography
Discover the perfect typography for your website by entering your current (or desired font, font size, and/or content width.
Haikei
Haikei is a web-based design tool to generate unique SVG design assets. It's generators let you discover, customize, randomize, and export generative SVG design assets ready to use.
Hicon
Hicon is a simple web friendly vector icon pack realised in Figma and crafted for designers and developers.
HTML5 UP! Site Templates
Free fully responsive HTML5 and CSS3 templates
IcoMoon
IcoMoon is an icon solution, providing vector icon packs and solutions for hosting icons as SVGs or fonts.
Icons8
Thousands of free vectors and illustrations. The majority require a subscription but with enough hunting you can find what you need.
Key Code Events
A quick and simple way to get JavaScript event codes for every key press.
Landbook
Hand-picked website design inspiration. Completely curated web design update daily.
Magic Pattern
Freemium tool for generating gradients and patterns, and then export them as CSS/SVG or images
Masonry JS
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.
Omatsuri
Omatsuri is 12 open source frontend focused tools. No ads and it does not include analytics services. You are highly encouraged to explore source code and use it in your projects.
Pexels
Free stock photos, royalty free images & videos shared by creators.
Public-APIs
A collective GitHub list of free APIs for use in software and web development
Randoma11y
Provides a random accessable color combination for both a light and a dark mode
Rapid API
Discover and connect to thousands of APIs
Realtime Colors
Realtime Colors allows you to generate and preview color palletes in real time.
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Shape Dividers
Create and export custom and beautiful SVG shape dividers.
Spline
A tool for creating 3D models and animations. Lots of settings to play with.
Squoosh
Open your images, decrease the size, compare the differences in real-time, and lower the page load times.
SVG Backgrounds
Customize and apply backgrounds easily with fullscreen graphics under 5KB. Also includes an SVG to CSS converter.
Theme Toggles
Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide an ample customization where needed.
Icons8
1300+ free designs to get you started
UI Design Daily
A new UI design updated every day. All designs fall under the Creative Commons license and are free to use.
UIVerse
Free, open-Source UI elements made with HTML and CSS
unDraw Illustrations
Open-source illustrations for any idea you can imagine and create. A constantly updated design project with beautiful SVG images that you can use completely free and without attribution. Use the on-the-fly color image generation to match your brand identity.
Utopia
Fluid responsive design for text, spacing or grids. Instead of designing for x number of arbitrary breakpoints, design a system where elements scale proportionally and fluidly.
VanillaJS List
Lighter vanilla JavaScript plugins for lighter sites.