I’ve been collecting web dev and design resources for years, and this has been an on-and-off side project for a long time.
After a fairly big revamp, I’m finally ready to share it:
(In a bit of side-project-inception, it's also built with my very own CMS!)
Toolkit is a curated directory of 700+ hand-picked tools and resources for developers and designers. The goal isn’t to be a “mega list of everything” — it’s to be:
- Curated (no fluff, no SEO-farm filler)
- Clearly labelled (free/freemium/premium/open source where relevant)
- Easy to browse (by category/tags, not a massive scrolling link dump)
Below is a "guided tour" using the same sidebar categories you'll see on Toolkit, plus some highlights from each.
🧊 3D
Category: https://toolkit.addy.codes/tag/3d
Discover powerful libraries, frameworks, and tutorials for creating stunning 3D experiences on the web.
Top picks: ztext.js, Gumroad Discover, p5.js, Characterz 2, 3D Icons, Three.js, Vanta.js, Zdog, Spline 3D Designer
♿️ Accessibility
Category: https://toolkit.addy.codes/tag/accessibility
Build websites that work for everyone with our curated collection of accessibility testing tools, WCAG compliance checkers, and inclusive design resources.
Top picks: Driver.js, Van11y, Inclusive Components, Pa11y, Randoma11y, Staybl, Button Buddy, Accessibility Myths, Megapedia: A Table of Universal Shortcuts
🤖 AI/ML
Category: https://toolkit.addy.codes/tag/ai-ml
Integrate artificial intelligence into your projects with cutting-edge APIs, pre-trained models, and developer-friendly ML tools.
Top picks: Beatoven, Freepik, What Can AI Do Today?, Cleanvoice, WasItAI, Flair, Illustroke, Shape of AI, Udio, Mochi Diffusion
🎞️ Animation
Category: https://toolkit.addy.codes/tag/animation
Create smooth, performant animations that delight users with our hand-picked collection of CSS and JavaScript animation libraries.
Top picks: NEAT, SVG Loaders, Ambient Canvas Backgrounds, Animated Backgrounds, Animated Icons, Envato Elements, Barba.js, Animated GIF/WebP Maker, Two.js, p5.js
🎧 Audio
Category: https://toolkit.addy.codes/tag/audio
Everything you need for working with audio on the web, from browser-based editors and sound effect libraries to Web Audio API resources and AI-powered music generation tools for your creative projects.
Top picks: Beatoven, Freepik, Boring Sound Kit, Cleanvoice, Udio, Lud and Schlatts Musical Emporium, Envato Elements, Lickd, Audiomass, Adobe Podcast
🖼️ Backgrounds
Category: https://toolkit.addy.codes/tag/backgrounds
Generate beautiful backgrounds in seconds with our collection of gradient makers, pattern generators, SVG backgrounds, and texture creators.
Top picks: NEAT, Image to Mesh Gradient, Creatica, SuperDesigner Patterns, Repper Patterns, Ambient Canvas Backgrounds, Animated Backgrounds, Envato Elements, fffuel, UI Gradients
📝 Blogs
Category: https://toolkit.addy.codes/tag/blogs
Stay current with the latest in web development by following these essential engineering blogs and publications.
Top picks: Go Make Things, Handheld Design, Developer Blog List, Inclusive Components, Build your own React, Web3 is going just great, The Yesterweb, Dense Discover, Email is Good, Smashing Magazine
📚 Books
Category: https://toolkit.addy.codes/tag/books
Expand your knowledge with our carefully curated reading list covering frontend development, software architecture, design principles, and career growth.
Top picks: Flavio Copes Handbooks, Free Books for Designers, Web Browser Engineering, Career Guide For Software Developers, Ethical Design Handbook, Design Animation Handbook, The Design of Forms in Government Departments, Front-line PHP, Ibis PHP eBook Generator, Mindful Design
🏷️ Branding
Category: https://toolkit.addy.codes/tag/branding
Create professional brand identities with logo generators, brand guideline templates, and identity design tools.
Top picks: Logofav, Envato Elements, WorldVectorLogo, Marketing Examples, Landing Page Checklist, Share Link Generator, Superposition, Simple Icons, Namechk, Logo Taco
💼 Business
Category: https://toolkit.addy.codes/tag/business
Run your freelance business or startup more efficiently with tools for invoicing, contracts, time tracking, and client management.
Top picks: Krystal Hosting & VPS, PostHog, Fiverr Business, Gumroad Discover, Just Use Email, Email is Good, Buy Me a Coffee, BookStack App, Fiverr, Plausible Analytics
🧭 Career
Category: https://toolkit.addy.codes/tag/career
Level up your development career with job boards, salary guides, interview preparation resources, and professional development tools.
Top picks: If You Could Jobs, Himalayas Remote Jobs, Soft Skills Engineering Podcast, Fiverr Business, UserTesting, CodinGame, You Got This!, 50 Ways to Get a Job, Career Guide For Software Developers, 30 Seconds of Interviews
🗂️ CMS
Category: https://toolkit.addy.codes/tag/cms
Find the perfect CMS for your project, from modern headless platforms and developer-friendly flat-file systems to powerful traditional content management solutions.
Top picks: Ava CMS, Carrd, BCMS, Grav CMS, Contentful CMS, Craft CMS, Kirby CMS, Learn Eleventy From Scratch, October CMS, Eleventy
💻 Code
Category: https://toolkit.addy.codes/tag/code
Speed up your workflow with code snippet libraries, online playgrounds, formatters, validators, and everyday utilities that make development faster and more enjoyable.
Top picks: What PWA Can Do Today, Floating UI, Publint, Layoutit, Flight PHP, Milkdown, Concrete.css, Cally, React Native Directory, Open SaaS
🎨 Colour
Category: https://toolkit.addy.codes/tag/colour
Master colour in your designs with palette generators, contrast accessibility checkers, colour extraction tools, and resources for understanding colour theory.
Top picks: NEAT, Image to Mesh Gradient, Colors Visualizer, Pokemon Palettes, Reasonable Colors, fffuel, UI Gradients, Poline, Randoma11y, hue.tools
🧑🤝🧑 Community
Category: https://toolkit.addy.codes/tag/community
Connect with fellow developers in thriving communities where you can ask questions, share knowledge, and grow together.
Top picks: Nekoweb, Neocities, omg.lol, The Yesterweb, DEV Community, Awwwards, Product Hunt, CodePen, Personal Sites
✍️ Copywriting
Category: https://toolkit.addy.codes/tag/copywriting
Write better copy for buttons, error messages, onboarding flows, and marketing pages with our collection of UX writing guides, copywriting formulas, and real-world microcopy examples that convert.
Top picks: Pushkeen, AnswerThePublic, Really Good Emails, Swiped, Not by AI, Twine, Tango, Marketing Examples, Grammarly, readme.so
🧰 CSS Generators
Category: https://toolkit.addy.codes/tag/css-generators
Generate production-ready CSS code with visual tools for gradients, box shadows, grid layouts, animations, and more.
Top picks: Kelp, Layoutit, CSS Shapes, Glassmorphism, Accordion Slider, Tailspark Tailwind Component Library, CSS Accordion Slider Generator, CSS Loader Generator, CSS Pattern Generator, Golden Ratio Typography Calculator
🎛️ Design
Category: https://toolkit.addy.codes/tag/design
Everything you need to design beautiful user interfaces, from professional design applications and UI kits to component libraries and design system documentation.
Top picks: Device Shots, Curated Design, Handheld Design, Site of Sites, Deck Gallery, Dark Patterns, Brutalist Shape Elements Mega Pack, Softr, macOS Cursors, Spectrum
🛠️ Dev Tools
Category: https://toolkit.addy.codes/tag/developer-tools
Supercharge your development workflow with essential browser extensions, command-line tools, and utilities that every developer should have in their toolkit.
Top picks: Hoppscotch, Ava CMS, Kelp, Cally, Insomnia, Caesium Image Compressor, GetScreenshot, Bruno API Client, SVG Path Editor, React Native Directory
🌐 Domains & Hosting
Category: https://toolkit.addy.codes/tag/domains-hosting
Launch your projects with confidence using our curated list of reliable hosting providers, domain registrars, and modern deployment platforms.
Top picks: How DNS Works, Carrd, Slash Pages, Server Hunter, GetDeploying, Expose, Krystal Hosting & VPS, StatusCake, .new Registry, Domainr
🛒 eCommerce
Category: https://toolkit.addy.codes/tag/ecommerce
Build online stores with the best eCommerce platforms, payment processors, and shopping cart solutions.
Top picks: Commerce Cream, Easy Digital Downloads, Stripe Checkout, Shopify, Braintree Payments, WooCommerce
✉️ Email
Category: https://toolkit.addy.codes/tag/email
Master email development with template builders, testing tools, and delivery services that ensure your emails look great everywhere.
Top picks: Really Good Emails, SendStack, Free Email Builder, Temp Mail, Just Use Email, Email is Good, Cerberus, Mailto Link, Maizzle Tailwind Email Framework, Foundation for Emails
⚖️ Ethics
Category: https://toolkit.addy.codes/tag/ethics
Build the web responsibly with tools and resources focused on privacy, sustainability, and ethical design practices.
Top picks: SendStack, Website Carbon Calculator, Switching Software, Fathom Analytics, Humane by Design, Mindful Design
🎉 Fun
Category: https://toolkit.addy.codes/tag/fun
Explore the playful side of web development with creative coding experiments, generative art tools, and delightful web curiosities.
Top picks: Geomini Remixable Font, 404s, Design Playlists, Slash Pages, Nekoweb, Chalk.ist, Web Neko, Cbox Live Chat, Avatartion, Neocities
🧩 Icons
Category: https://toolkit.addy.codes/tag/icons
Find the perfect icons for your project with our comprehensive collection of free and premium icon libraries, icon fonts, and SVG icon sets.
Top picks: Freepik, 11,000+ Doodle Icons, SVG Flag Icons, Pixel Emojis, Material Icons, SVG Loaders, Game Icons, Animated Icons, Envato Elements, Stream Deck Button Designer
🖍️ Illustrations
Category: https://toolkit.addy.codes/tag/illustrations
Add personality to your projects with beautiful illustration libraries, customisable SVG packs, and character generators.
Top picks: Freepik, Handy Arrows, Wired Elements, 11,000+ Doodle Icons, React Kawaii, Spectrum, Cool Shapes, SVG Geometric Doodles, Illustroke, World in Dots
💡 Inspiration
Category: https://toolkit.addy.codes/tag/inspiration
Get inspired by the best of web design through curated galleries, award-winning sites, and creative showcases.
Top picks: Curated Design, Handheld Design, Design Systems Database, Dead Simple Sites, Site of Sites, Deck Gallery, 404s, OneMillionScreenshots, Logofav, Shape of AI
🎓 Learning
Category: https://toolkit.addy.codes/tag/learning
Expand your skills with high-quality courses, in-depth tutorials, and comprehensive documentation.
Top picks: How DNS Works, Go Make Things, What PWA Can Do Today, Dark Patterns, Figma 101, Inside Modern Browsers, SQLBolt, Laracasts, PHP for Beginners
📣 Marketing
Category: https://toolkit.addy.codes/tag/marketing
Grow your audience and understand your users with marketing tools, analytics platforms, and growth hacking resources.
Top picks: Device Shots, Microsoft Clarity, Pushkeen, Dark Patterns, Flair, AnswerThePublic, Really Good Emails, Meta Ad Library, Social Images for Open Source, SendStack
📷 Photography
Category: https://toolkit.addy.codes/tag/photography
Source stunning visuals for your projects with free stock photography, image optimisation tools, and photo editing resources.
Top picks: Freepik, Foodiesfeed, Picography, Public Domain Archive, Jay Mantri, Flair, ISO Republic, Pixabay, Envato Elements, Artvee
🧱 Placeholders
Category: https://toolkit.addy.codes/tag/placeholders
Prototype faster with placeholder image services, lorem ipsum alternatives, and realistic mock data generators.
Top picks: Wired Elements, Logo Ipsum, Social Images for Open Source, Boring Avatars, NotFound.org, WorldVectorLogo, HTTP Cats, Lorem Space, Doodle Ipsum, Acme Logos
🎙️ Podcasts
Category: https://toolkit.addy.codes/tag/podcasts
Learn on the go with podcasts covering web development, design, career advice, and the tech industry.
Top picks: Go Make Things, Design Playlists, Laracasts, Front End Happy Hour Podcast, The ReadME Podcast, PodRocket Podcast, Changelog Podcast, Soft Skills Engineering Podcast, Maintainable Podcast, The Bike Shed Podcast
✅ Productivity
Category: https://toolkit.addy.codes/tag/productivity
Work smarter with productivity tools designed for developers.
Top picks: Automatisch, Design Playlists, Lookaway App, Personal Security Checklist, Releases, Tally Form Builder, Laravel Herd, .new Registry, Presentator, Desk Setups
🔒 Security
Category: https://toolkit.addy.codes/tag/security
Protect your applications and users with security testing tools, SSL certificate resources, and best practice guides.
Top picks: Privacy Tools, Personal Security Checklist, Open Source Insights, Cloudflare Turnstile, StatusCake, Device Info, Objective-See, Web3 is going just great, 1.1.1.1, The Cursed Computer Iceberg
🏠 Self-Hosted
Category: https://toolkit.addy.codes/tag/self-hosted
Take control of your data with self-hosted alternatives to popular SaaS products.
Top picks: Ava CMS, Automatisch, OpenAlternative, Slash Pages, Server Hunter, Presentator, GoatCounter, Dub Link Shortener, The Yesterweb, Umami
🔎 SEO
Category: https://toolkit.addy.codes/tag/seo
Improve your search visibility with SEO analysis tools, site auditors, keyword research resources, and technical SEO guides.
Top picks: AnswerThePublic, Online Backlink Checker, SEO Best Practices, Moz, The SEO Framework, SEO Analyzer
☁️ Services
Category: https://toolkit.addy.codes/tag/services
Build faster by leveraging powerful APIs and cloud services.
Top picks: Microsoft Clarity, OpenAlternative, Rewardful, GetScreenshot, Releases, Tally Form Builder, Cbox Live Chat, Krystal Hosting & VPS, StatusCake, PostHog
📦 Software
Category: https://toolkit.addy.codes/tag/software
Discover desktop applications that enhance your development and design workflow.
Top picks: Lookaway App, Figma Plugins, Pay Once Apps, OpenAlternative, Caesium Image Compressor, Mochi Diffusion, SingleFile, NativePHP, Expose, Laravel Herd
📄 Templates
Category: https://toolkit.addy.codes/tag/templates
Launch projects faster with professionally designed templates, framework starter kits, and production-ready boilerplates.
Top picks: Kelp, Open SaaS, Envato Elements, Adobe Express, shadcdn/ui, Inclusive Components, HTMLrev, Gumroad Discover, Geo for Bootstrap, TemplateMonster
🧪 Testing
Category: https://toolkit.addy.codes/tag/testing
Testing frameworks, end-to-end testing tools, and quality assurance resources.
Top picks: Hoppscotch, Publint, Bruno API Client, Green Web Foundation, Open Source Insights, Cron Debugger, Firecamp, Cloudflare Internet Speed Test, Laravel Playground
🔤 Typography
Category: https://toolkit.addy.codes/tag/typography
Master typography on the web with font libraries, pairing tools, and typographic best practices.
Top picks: Geomini Remixable Font, Server Mono, Modern Font Stacks, Google Web Fonts Typographic Project, The League of Moveable Type, Uncut.wtf, Hanken Design Co., Collletttivo, Tiny Bitmap Fonts, DaFont
🎥 Video
Category: https://toolkit.addy.codes/tag/video
Create professional video content with browser-based editors, screen recording tools, and reliable hosting platforms.
Top picks: Freepik, ISO Republic, Envato Elements, Adobe Express, Lickd, Synthesia, Astrofox, Coverr, Kapwing, Handbrake
🧩 WordPress
Category: https://toolkit.addy.codes/tag/wordpress
Build better WordPress sites with curated themes, essential plugins, and development resources.
Top picks: Emergency WordPress Support, Envato Elements, Krystal Hosting & VPS, Local WP, Easy Digital Downloads, TemplateMonster, Turbo Admin, MailPoet, Advanced Custom Fields, WooCommerce
Over to you
If you end up clicking around, I’d love to know:
- What’s your favourite tool/site from the list?
- What’s one resource you swear by that I’ve missed?
- If you’ve built your own resource or tool, drop it in the comments, I’d genuinely love to see it!
And if you want to suggest something for Toolkit itself, there’s a page for that too:
https://toolkit.addy.codes/suggest
Top comments (1)
Am I missing any of your favourites? :D