Free tools & resources for developers and designers

Curated news

• Hacker News
• Lobster is a computing-focused community centered around link aggregation and discussion.
• Sidebar The five best design links, every day.
• HeyDesigner Daily curated design knowledge.
• Designer News Designer News is a community where design and technology professionals share interesting links and timely events.
• Product Hunt The best new products in tech.
• BetaList Discover tomorrow's startups, today.

Networks and communities

• Pixiv A Japanese online community for artists.
• ArtStation The leading showcase platform for games, film, media & entertainment artists.
• DeviantArt Discover The Largest Online Art Gallery and Community.
• Dribble Discover the world’s top designers & creatives.
• Behance Showcase & Discover Creative Work.
• Ello is a global community of artists dedicated to creative excellence. Built by artists, for artists.
• CGSociety The CGSociety supports artists at every level by offering a range of services to connect, inform, educate and promote digital artists worldwide.
• Doodle Addicts An online art community featuring art challenges.
• Pixel Joint The Internet Pixel Art Gallery.

Illustrations

• buttsss A collection of beautiful round butt illustrations.
• Ouch! Free illustrations to class up your project.
• Absurd Design absurd illustrations that make sense.
• Free Illustrations by Lukasz Adam Free for commercial and personal use under the CC0 license (MIT license). No attribution required.
• unDraw Open-source illustrations for every project you can imagine and create.
• Open source illustrations kit 120+ awesome illustrations.
• Dimensions Guide A comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world.

UI Inspiration

• One Page Love One Page websites, templates and resources.
• Interfaces.pro Brand-focused collection of UI design examples.
• Collect UI Daily inspiration collected from daily ui archive and beyond. Hand picked, updating daily.
• Screenlane Web & mobile UI design inspiration.
• Navnav+ Curated UI component examples.
• UI Sources Real design inspiration from the world’s best designed apps.
• CSS Zen Garden The Beauty of CSS Design.
• Siiimple is a minimalist css gallery. Hand-picked, obsessively curated collection of the most beautiful websites on the internets.
• Httpster Totally rocking websites made by people from all over the world.
• Good Web Design The best landing pages, organized by section.
• Minimal Gallery Hand-picked collection of minimal web design inspiration.
• Pixels Be inspired by handpicked designs and copywriting.
• Email Love Email inspiration and newsletter discovery.
• Mobbin Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots.
• Game UI Database A comprehensive screen reference Tool for game interface designers.
• Muzli Inspirationby Muzli is a new-tab browser plugin and mobile app that instantly delivers relevant design stories and inspiration.
• UserOnboard Teardown of onboarding process of popular web apps.
• Really Good Emails The web’s best, and most attractive curated collection of emails.
• SiteInspire Web design inspiration.
• SiteSee is a curated gallery of beautiful, modern websites.

UX

• The Design of Forms in government departments.
• Checklist Design A collection of the best design practices.

Icons

• Feather Icons Simply beautiful open source icons.
• Hero Icons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
• Line Icons Handcrafted for Modern User Interfaces of Web, Android, iOS, and Desktop App Projects.
• Font Awesome 4 The iconic font and CSS toolkit.
• Font Awesome 5 Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.
• Octicons Your project. GitHub's icons.
• Ionicons Beautifully crafted open source icons by Ionic Framework team.
• Dripicons A completely free vector line-icon font.
• Line Awesome Swap Font Awesome for modern line icons in one line of code.
• Simple Icons Free SVG icons for popular brands.
• Isometric Love Cute Isometric Objects For Your Design.
• Icon Bros Free icons - SVG, PNG, & Icon Font - Thousands of free icons.
• coolicons Carefully designed SVG icons for your next project.
• Tabler Icons 1298 Fully customizable free SVG icons. (MIT license)

Colors

• COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns.
• Nippon Colors Curated colors from Japan.
• 0to255 is a color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.
• Khroma The AI color tool for designers.
• Coolors The super fast color schemes generator!
• Flat UI Colors 2 14 Color Palettes, 280 colors.
• Color Leap Take a leap through time and see the colors of history.
• Color Space Generate color palettes and gradients.
• Scale Color scale generator.
• CSS colour names A list of 148 colour names in CSS.
• ColorBox by Lyft Design
• Adobe Color
• Color Drop
• Color Hunt Color Palettes for Designers and Artists.
• Colors and Fonts Color and typography for Web Developers and Digital Designers.
• Happy Hues Curated colors in context.
• Eva Color Generator
• Palettable Generate beautiful color palettes using the knowledge of millions of designers.
• CoolHue Gradient colors collection palette.

Stock Photos, Videos and Audios

• Generated Photos Enhance your creative works with photos generated completely by AI.
• Unsplash The internet’s source of freely useable images.
• UI Faces Avatars for design mockups.
• Pexels The best free stock photos & videos shared by talented creators.
• Coverr Beautiful, free videos for your homepage.
• Pixabay Stunning free images & royalty free stock.
• Diverse UI is a free set of user images that can be used in personal or commercial projects.

Placeholder

• Lorem Ipsum Generate classic Lorem Ipsum text.
• Fake images please? Placeholders all the way.
• placekitten A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code.

Backgrounds

• Cool Backgrounds Curated selection of cool backgrounds.
• uiGradients Beautiful colored gradients
• WebGradients 180 beautiful linear gradients in CSS3, Photoshop and Sketch.
• The Pattern Library Patterns for the people, by the people.
• Subtle Patterns Free high quality patterns for your next web project.
• Hero Patterns A collection of repeatable SVG background patterns for you to use on your web projects.
• SVG Backgrounds Create Customizable, Hi-Def, and Scalable Backgrounds
• Get Waves Create SVG waves for your next design.
• Low Polygon Art The World's Largest Free Collection of Low Polygon Graphics and Backgrounds.
• pattern.css CSS only library to fill your empty background with beautiful patterns.

Typography

• FontsArena Curated typography website with a focus on contemporary typography and high quality free fonts.
• Google Fonts Making the web more beautiful, fast, and open through great typography.
• Calligrapher.ai Realistic computer-generated handwriting
• The good line-height Calculate the right line height.
• Coding Fonts
• Rough Notation A small JavaScript library to create and animate annotations on a web page.
• Font Squirrel Free Font Utopia.
• Typewolf What’s Trending in Type.
• WhatTheFont Instant font identification powered by the world’s largest collection of fonts.
• Type Anything
• Typ.io Fonts combination inspiration.
• Type Sample Easily Identify, Test and Sample Any Webfont With Type Sample.
• Type Detail annotations about the details of typefaces.
• Font In Use An independent archive of typography.

UI Frameworks

• TailwindCSS A Utility-First CSS Framework for Rapidly Building Custom Designs.
• Bulma The modern CSS framework that just works.
• Bootstrap The most popular HTML, CSS, and JS library in the world.
• Foundation The most advanced responsive front-end framework in the world.
• Windi CSS Next generation utility-first CSS framework.
• Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
• UIkit A lightweight and modular front-end framework for developing fast and powerful web interfaces.
• Element UI A Vue 2.0 based component library for developers, designers and product managers
• Ant Design A design system with values of Nature and Determinacy for better user experience of enterprise applications.
• Pure A set of small, responsive CSS modules that you can use in every web project.
• Materialize A modern responsive front-end framework based on Material Design.
• Tachyons Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.
• Spectre A Lightweight, Responsive and Modern CSS Framework.
• Primer Design, build, and create with GitHub’s design system.
• Base Web React UI framework Base Web is a foundation for initiating, evolving, and unifying web products.
• Elastic UI The framework powering the Elastic Stack.

Design Systems

• IBM Carbon Design System
• IBM Design Language
• Workday Canvas Design System
• Marvel Styleguide
• Zendesk Garden
• Help Scout Design System
• Microsoft Fluent Design System
• Apple Human Interface Guidelines
• Liquid Design System
• Chicago Design System
• Pluralsight Design System
• Duolingo Design Guidelines
• Lexicon Design Language
• SalesForce Lighting Design System
• Firefox Photon Design System
• Atlassian Design System
• Material Design System
• Shopify Polaris Design System
• Clarity Design System
• Duet Design System
• Design Systems for Figma A collection of Design Systems for Figma from all over the globe.
• Design Systems A Figma publication for design systems creators, designers, developers, and managers.

Developers

• Public APIs A collective list of free APIs for use in software and web development.
• Carbon Create and share beautiful images of your source code.
• Codeimg.io Create images of your source code.
• Can I Use ? Up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
• transfer.sh Easy file sharing from the command line.
• repl.it Online REPL for various languages and frameworks.
• PXtoEM PX to EM conversion made simple.
• Screen Sizes Viewport Sizes and Pixel Densities for Popular Devices.
• Meta Tags Preview, edit and generate meta tags.
• Mocky Mock your HTTP responses to test your REST API.
• Compressor.io Compress and optimize your images.
• Screen Guru Take clean screenshot of any websites.
• DB Diagram Draw Entity-Relationship Diagrams, Painlessly.
• How Big Is My Browser? A simple yet astute way for developers and designers to discover the size of their browser window.
• Hoppscotch API request builder.
• Diagrams (formerly draw.io) Draw various types of diagrams. No sign in required.
• Programming, Math, Science This is a list of links to different freely available learning resources about computer programming, math, and science.
• Developer Roadmaps is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
• Bl.ocks (pronounced “Blocks”) is a simple viewer for sharing code examples hosted on GitHub Gist.

Chill and Fun

• Noisli Improve focus and boost your productivity.
• Rain For Me Listen to the natural, relaxing sound of rain fall.
• Coffitivity Coffitivity recreates the ambient sounds of a cafe to boost your creativity and help you work better.
• WINDOWS93
• Classic Programmer Paintings Software engineering as depicted by artists through history.
• XKCD A webcomic of romance, sarcasm, math, and language.
• Dilbert
• Music Box Fun A 15-note programmable music box, designed to work like the mechanical ones.
• HTTP Cats
• User Inyerface A worst-practice UI experiment
• Can't Unsee A game where you need to pick the design that is most correct. Test your attention to details!
• Terms & Conditions Apply A mini-game about pop ups, and the deviousness of websites and apps.
• Websites that spark joy. A curated list of sites with an extra bit of fun.
• Color a color matching game.
• XP.css A design system for building faithful recreations of old UIs.
• Flexbox Froggy A game for learning CSS flexbox.
• Grid Garden A game for learning CSS grid layout.

Others

• Zenpen A minimal text editor, made to stay out of the way while you get the words down.
• Paper Sizes The best resource for International Paper Sizes, Dimensions & Formats.
• Gridzzly Make your own grid paper with.
• Animista is a place where you can play with a collection of ready to use CSS animations.
• Fuck I Wish I Knew That.
• Wp Remote Manage hundreds of WordPress websites with half the effort.