449 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
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...
Gradienta
Interesting multicolor gradients and patterns in pure open-source CSS Code with JPG downloads!
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...
Flagpack
260+ open source flag icons to use in your design tool or in your code project.
Open Color
Open color is an open-source color scheme optimized for UI like font, background, border, etc.
Code Faster with Emmet
Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.
Beginner Web Dev
Get started with JavaScript with this free course containing almost 5 hours of video from Better Dev.
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?
RegExr
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
Calligrapher.ai
Generate realistic looking handwriting with several customisable parameters and download as SVG.
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.
Web Accessibility Checklist
A checklist for creating accessible websites and web applications.
Featured Links
View all Featured
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.
Webwide Forums
The friendly community for web designers & developers.
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.
Look After Yourself
View all Self Care
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!
Learn Something New
View all Learning
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...
Code Faster with Emmet
Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.
Beginner Web Dev
Get started with JavaScript with this free course containing almost 5 hours of video from Better Dev.
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?
RegExr
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
Talk Python Podcast
A podcast on Python and related technologies. Learn python from start to finish.
Rico’s Cheatsheets
Handy cheat sheets for a huge array of web technologies.
Be Inspired
View all Inspiration
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...
BBC GEL
Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes...
The Whimsical Web
A curated list of websites with an extra bit of fun.
GOV.UK Design System
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on...
Design Systems Checklist
An open-source checklist to help you plan, build and grow your design system.
Adele
The repository of publicly available design systems and pattern libraries.
Primer Design System
Design, build, and create with GitHub’s design system. Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the...
SiteInspire
Creative web design inspiration showcase.
Get Stuff Done
View all 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.
Focus Fox
A minimal online text editor with background sounds to help you focus.
GlooMaps
Visual sitemap builder. With GlooMaps it's really easy to create your own sitemaps fast and efficiently. Click a box to attach a child box, drag & drop to...
Test & Optimise
View all Testing & Optimisation
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...
PageReview
Visual feedback tool directly on live websites.
Reflect Automated Testing
Automated regression tests without a line of code.
Axe Accessibility Testing
Robus accessibility testing browser extension.
Checka11y.css
A CSS stylesheet to quickly highlight a11y concerns.
Can I use
Interactive browser support tables for HTML, CSS and other browser features.
BlurHash
BlurHash takes an image and gives you a short string that represents the placeholder for an image for a more seamless loading experience.
Supercharge your Workflow
View all Software
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.
Axe Accessibility Testing
Robus accessibility testing browser extension.
SEO Tool Extension
The free SEO Tool extension gives you direct access to your favorite SEO Tools. All in a handy menu directly with one click.
Composable Art
A free online tool for creating vector illustrations from a library of components.
Get Involved
View all Communities
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.
Adobe Color
Generate and explore color schemes.
Webwide Forums
The friendly community for web designers & developers.
Stay Updated
View all Blogs
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.
Netflix Tech Blog
Articles & resources from the tech team at Netflix.
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
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.
Am I a Real Developer?
Ever wonder if you're a 'real' developer? Maybe you used a tool before or wrote code that wasn't 'real' code. Take the quiz and find out.
HTML New Tab
Design your own New Tab page with HTML, CSS and JavaScript! Chrome extension.
The Whimsical Web
A curated list of websites with an extra bit of fun.
Webbed Briefs
Brief videos about the web, its technologies, and how to make the most of them.
Flexbox Zombies
Dead tired of looking up Flexbox? Flexbox is incredibly powerful. But it's also crazy hard to learn well. So we all end up depending on a cheat sheet and some...
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.