100+ Free Resources Every Developer & Designer Should Bookmark

High-resolution, freely usable photos for websites and blogs.

Free stock photos and videos with a generous license.

Images, illustrations, vectors, video, and audio in one library.

Graphics, PSDs, vectors, and photos (attribution required on the free tier).

Open-source SVG illustrations you can recolor to match your brand.

Customizable illustrations with adjustable colors and built-in animation.

Hand-crafted illustration packs for product and marketing pages.

Free, playful sketch-style illustrations.

A clean, consistent open-source icon set (used across this site).

Hand-crafted SVG icons from the Tailwind CSS team.

The most widely used icon library on the web.

Over 5,000 free, pixel-perfect SVG icons.

Build linear or radial gradients and copy the CSS instantly.

Another solid gradient builder with an easing curve editor.

Generate ready-to-use glass-effect CSS.

Soft-UI neumorphic shadow generator.

Visually design custom CSS easing curves.

Ready-made CSS animations you can copy and tweak.

Generate SVG blobs, waves, and background shapes.

Community-made buttons, cards, loaders, and inputs.

Copy-paste pure CSS loading animations.

Free Tailwind CSS component snippets.

Tailwind CSS component library with interactive elements.

Component classes built on top of Tailwind CSS.

The definitive reference for every web API and standard.

Free courses, projects, and certifications.

A full, project-based full-stack curriculum.

A deep, modern JavaScript tutorial from the fundamentals up.

Google's guidance on performance, PWAs, and modern web APIs.

Algorithm and data-structure interview practice.

Coding challenges across languages and domains.

Bite-sized kata to sharpen your language skills.

Real-world UI designs you build from a spec.

Mentored practice exercises in 60+ languages.

Searchable prompts for image and video models.

Community-built prompts and AI use cases.

A marketplace for buying and selling tested prompts.

Browse and save ChatGPT prompts by category.

The largest searchable AI tool directory.

A daily-updated directory of new AI tools.

Browse and compare AI tools by category.

Try open-source AI models directly in the browser.

Design shots from working designers worldwide.

Full case studies and project breakdowns.

Real screens captured from production mobile and web apps.

Award-winning websites judged on design and UX.

A curated gallery of landing pages.

Inspiration for single-page websites.

Generate harmonious 5-color palettes with HEX, RGB, and HSL values.

The fastest way to generate and lock color schemes.

Build palettes from color theory rules or an uploaded image.

Trending, hand-picked color palettes.

Preview a palette on a live mock website.

Hundreds of free, web-optimized font families.

High-quality free fonts from the Indian Type Foundry.

Pre-matched Google Font pairings.

Generate font pairings using deep learning.

Half a million free SVG vectors and icons.

Optimize and shrink SVG files right in the browser.

Repeatable SVG background patterns.

Generate organic blob shapes as SVG.

Random placeholder photos via a simple URL.

Generate random fake user profiles for testing.

A free fake REST API for prototyping.

Ready-made fake JSON data for products, carts, and users.

A massive, categorized list of free public APIs.

A free weather API that needs no API key.

Country data — flags, currencies, borders — via a simple API.

A fun, well-documented API for practicing data fetching.

Turn any text or URL into a downloadable QR code, generated locally.

Format, validate, and beautify JSON.

A strict JSON validator.

Build and debug regular expressions with live explanations.

A drag-and-drop toolkit for encoding, hashing, and parsing data.

Share and preview front-end snippets live.

A full online IDE for React, Vue, and Node projects.

Instant, in-browser dev environments backed by real Node.

A lightweight playground for quick HTML/CSS/JS tests.

Pick your stack and get a ready-to-use .gitignore file.

Interactive courses for Git and GitHub workflows.

Visualize and practice Git branching in the browser.

Searchable, offline-ready docs for dozens of languages and frameworks.

Collected cheat sheets for almost every language.

Quick-reference cheat sheets for web and programming languages.

A library of community-made cheat sheets.

Google's Core Web Vitals and performance report for any URL.

Detailed waterfall analysis and performance scoring.

Advanced, multi-location performance testing.

Compress images in the browser with a live before/after preview.

Smart PNG and JPEG compression.

Turn a list of URLs into a valid, downloadable sitemap.xml.

Build a valid robots.txt with presets for WordPress and Next.js.

Generate title, description, and canonical tags with a live Google search preview.

Generate Open Graph and Twitter Card tags with a live social preview.

Monitor how Google indexes and ranks your site.

Check whether your structured data qualifies for rich results.

A free site audit and backlink data for verified sites.

Check DNS propagation across global servers.

Diagnose MX records, blacklists, and mail delivery issues.

Look up domain registration and ownership info.

A deep SSL/TLS configuration analysis for any domain.

Generate a strong, random password with instant strength feedback.

Scan and score your site's HTTP security headers.

A broader security and best-practices scan for your site.

Check if an email or password has appeared in a data breach.

Design database schemas visually and export SQL.

A collaborative entity-relationship diagram editor.

Interactive lessons for learning SQL.

Practice SQL queries against real sample databases.

Wrap screenshots in device and browser frames.

Turn plain screenshots into polished mockups in seconds.

Free PSD mockups for devices, print, and packaging.

Realistic device mockups for product screenshots.

Check browser support for any CSS or JS feature.

Test real browsers and devices in the cloud.

Cross-browser testing on a real device cloud.

Zero-config hosting built for Next.js and modern frontends.

Git-based deploys with a generous free-tier hosting plan.

Fast static and full-stack hosting on Cloudflare's edge.

Free static hosting straight from a GitHub repo.

Discover trending and curated open-source repositories.

Beginner-friendly issues across open-source projects.

Projects that actively welcome new contributors.

A guided, hands-on way to make your first pull request.

Step-by-step learning roadmaps for frontend, backend, DevOps, React, and more.