533 hand-picked tools & resources for web designers & developers.
Curated for quality then meticulously organised and regularly maintained for your browsing pleasure by Adam Greenough.
Latest Additions
Svgbob Editor
Convert ASCII art and diagrams in to SVG. Svgbob is a diagramming model which uses a set of typing characters to approximate the intended shape.
Iconic
Free, “do wtf you want with” pixel-perfect icons from Orman Clark & James M. New icons added every week.
DrawKit
Beautiful, often free illustrations. Updated weekly. Hand-drawn vector illustration and icon resources.
Namy AI Domains
Describe your business as you would to a customer or in an advertisement here and let AI find you available domain names.
Webwide Discord Chat
Make friends while making the web. ✨ Webwide is an inclusive, supportive community of professional and hobbyist web designers & developers. Whether you're in...
SVG to CSS converter
This tool converts SVG code into a Data URI, an encoded URL format that be used as a background-image source. In plain terms, you can place this converted SVG...
Deviceful.js
Showing your web designs in a PNG is cool, but what about a fully tweakable, three dimensional device to display your latest creations?
UI Design Daily
Free "open-source" UI snippets daily by designer Ildiko Gaspar.
SaaS Landing Pages
Discover the best 610 landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.
Httpster
Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
Screenlane
Screenlane is a website and newsletter that features the latest web and mobile design inspiration.
One Page Love
One Page websites, templates and resources.
Featured Links
View all Featured
Webwide Discord Chat
Make friends while making the web. ✨ Webwide is an inclusive, supportive community of professional and hobbyist web designers & developers. Whether you're in...
Buy Me a Coffee
Easily accept donations, sell memberships and extras with Buy Me a Coffee. Great for monetising a blog or side project.
Fathom Analytics
Fathom is a simple, light-weight, privacy-first alternative to Google Analytics. So, stop scrolling through pages of reports and collecting gobs of personal...
Envato Elements
One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.
Divjoy React Generator
React codebase generator. Divjoy handles all the integration details. From routing to React hooks, you'll have everything you need to build something great.
Learn Something New
View all Learning
Learn CSS Grid
Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.
Explain Shell
Write down a command-line command to see the help text that matches each argument.
Cloudflare TV
A 24x7 live stream video channel focused on general and technical topics related to building a better Internet.
Lightning-Fast Web Performance
A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from...
CSS Hell
Collection of common CSS mistakes, and how to fix them.
Shift Nudge UI Checklist
101 UI Checklist items available as a free Notion template.
Learn Git Branching
"Learn Git Branching" is the most visual and interactive way to learn Git on the web; you'll be challenged with exciting levels, given step-by-step...
Design Vault
Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends and understand...
Be Inspired
View all Inspiration
SaaS Landing Pages
Discover the best 610 landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.
Httpster
Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
Screenlane
Screenlane is a website and newsletter that features the latest web and mobile design inspiration.
One Page Love
One Page websites, templates and resources.
Collect UI
Huge collection of UI snippets for your inspiration.
Muzli Search
The web-wide search engine for design inspiration. Search by colour, keyword or even just style!
The Component Gallery
A reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples...
Design Vault
Design Vault is a curated library of screenshots & interaction patterns from the world's best digital products. Gain insights, explore trends and understand...
Look After Yourself
View all Self Care
Webwide Discord Chat
Make friends while making the web. ✨ Webwide is an inclusive, supportive community of professional and hobbyist web designers & developers. Whether you're in...
21wallpaper
Every two months 7 of the world’s best illustrators and designers publish 3 of their works for your screen wallpaper.
Poolside.fm
Poolside FM was conceived one awfully rainy summer in the Highlands of Scotland - a virtual vacation, if you will. The audio and video streams are curated to...
Happy Dev
An interview podcast discussing mental health in software development.
Box Breathing Exercise
Box breathing, or four-square breathing, involves inhaling to a count of four, holding your lungs full for a count of four, exhaling at the same pace, and...
Colorables
Relax, unwind, and connect with your inner child with FREE printable coloring pages. Perfect for adults, kids, and everyone in between.
Office Yoga TV
Stretching, Breathing and Meditation exercises you can do as a break for increased focus, peace and excellence both at work and your life at large!
Get Stuff Done
View all Productivity
Just Use Email
Just Use Email is dedicated to ways people should just use email to manage their digital life, businesses, and productivity.
Email is Good
Blog by CSS Tricks and CodePen founder Chris Coyier on email productivity.
P2
Share, discuss, review, and collaborate with your team in one spot, without interruptions.
BookStack App
Simple & free wiki software. BookStack is a simple, self-hosted, easy-to-use platform for organising and storing information.
Cushion Schedular
Peace of mind for freelancers. Cushion will help you predict your unpredictable schedule and stabilize your unstable income.
PageReview
Visual feedback tool directly on live websites.
Tweek Calendar
Innovative minimal calendar/to-do list hybrid.
Octopus
A lightning-fast visual sitemap builder.
Test & Optimise
View all Testing & Optimisation
GO/NO-GO
Be sure you're ready to launch with this collection of site checking tools with one-click links.
Responsive Image Breakpoints Generator
Easily generate the optimal responsive image dimensions. One image for all screen resolutions and different devices is not enough. An image per pixel is too...
Cypress
Fast, easy and reliable testing for anything that runs in a browser.
Bundlephobia
Find the cost of adding a npm package to your bundle. JavaScript bloat is more real today than it ever was. Sites continuously get bigger as more (often...
Lightning-Fast Web Performance
A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from...
Shift Nudge UI Checklist
101 UI Checklist items available as a free Notion template.
CSS Stats
CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of...
Who Can Use Colour Checker
A fantastic colour contrast checker tool that brings attention to how color contrast can affect different people with visual impairments using statistics and...
Supercharge your Workflow
View all Software
WhatRuns
A free browser extension that helps you identify technologies used on any website at the click of a button.
Grammarly
Advanced spelling & grammar checker + AI writing assistant with multiple tools & extensions.
RemoveBG Background Remover
Remove backgrounds 100% automatically in 5 seconds with zero clicks.
Haiku Animator
Create engaging animations for any app or website. Code export for React, Angular, Vue, Lottie (iOS & Android). Figma, Sketch, Ai Integration.
HTML New Tab
Design your own New Tab page with HTML, CSS and JavaScript! Chrome extension.
CodeSandbox
Cloud based IDE. Create, share, and get feedback with collaborative sandboxes for rapid web development.
FlexClip
Online video editor and stock video library.
Superposition
Extract design tokens from websites and use them in code and in your design tool.
Get Involved
View all Communities
Webwide Discord Chat
Make friends while making the web. ✨ Webwide is an inclusive, supportive community of professional and hobbyist web designers & developers. Whether you're in...
Array Community
A wholesome, well-moderated, premium Discord community of freelancers, who look out for each other with advice, mentoring and friendship.
DEV Community
Beginner-friendly community blogging platform.
Opendor
A personal profile that connects with GitHub to better show recruiters the open-source work of a potential candidate.
Product Hunt
Product Hunt surfaces the best new products, every day. It's a place for product-loving enthusiasts to share and geek out about the latest mobile apps,...
Awwwards
The awards of design, creativity and innovation on the internet
Makerlog
Makerlog is the collaborative task log that helps over 3000+ creators get things done.
Carbon
Carbon lets you create and share beautiful images of your source code.
Stay Updated
View all Blogs
Email is Good
Blog by CSS Tricks and CodePen founder Chris Coyier on email productivity.
Smashing Magazine
Smashing Magazine delivers reliable, useful, but most importantly practical articles to web designers and developers. We don’t care about trends; we care...
WebPageTest Blog
Tech blog from WebPageTest focusing on web performance.
Built for Mars
Deep dive UX case studies blog.
Namecheap Blog
Interesting blog from the team at Namecheap on all kinds of internet news and activism.
Airbnb Engineering & Data Science
Blog articles from the Engineering & Data Science at Airbnb.
Josh W Comeau
Development blog focusing on React, animation, CSS and JavaScript. Great learning resource with interactive articles.
DEV Community
Beginner-friendly community blogging platform.
Headphones On
View all Podcasts
Talk Python Podcast
A podcast on Python and related technologies. Learn python from start to finish.
Ladybug Podcast
Debugging the tech industry every Monday.
Happy Dev
An interview podcast discussing mental health in software development.
Javascript Air
The live broadcast podcast all about JavaScript.
Developer Tea
A podcast for developers designed to fit inside your tea break.
git reset
Sit back and relax. The git reset podcast is a fresh take on the web development world that will (hopefully) make you laugh. A new guest each episode who will...
Code[ish]
A podcast from the team at Heroku, exploring code, technology, tools, tips, and the life of the developer.
freeCodeCamp Podcast
The official podcast of the freeCodeCamp open source community. Learn to code with free online courses, programming projects, and interview preparation for...
Take a Break
View all Fun
Webwide Discord Chat
Make friends while making the web. ✨ Webwide is an inclusive, supportive community of professional and hobbyist web designers & developers. Whether you're in...
21wallpaper
Every two months 7 of the world’s best illustrators and designers publish 3 of their works for your screen wallpaper.
The History of the Web
A detailed timeline that spans the entire history of the web.
Design Titles
A satirical title generator for designers seeking a title apart from other designers. Hit the shuffle button or spacebar to discover millions of possibilities!
Terms and Conditions Apply
A mini-game about pop ups, and the deviousness of websites and apps. EVIL CORP wants your data. It will use every trick in the book (and a few more, just for...
Can’t Unsee
Can't Unsee is a test of your attention to detail in UI design. Choose the "correct" version with an eye for pixel perfection. How high can you score?
User Inyerface
A challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible.
Buy Me a Coffee
Easily accept donations, sell memberships and extras with Buy Me a Coffee. Great for monetising a blog or side project.
But wait, there's so much more! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.