An article about the design and development of a single, unified styling language for web and mobile applications.

A comprehensive list of user interface states that you may need to design for your application.

Supa Palette is a tool for generating, editing, and managing color palettes in Figma.

Alphredo is a color generator that helps you create custom alpha colors for your designs, with options for adjusting opacity, saturation, and brightness.

Learn how to use Flexbox to create an equal height grid in this Clearleft tutorial.

A list of tools for contributing to open source projects.

Best Design System tools is a comprehensive list of design system tools, resources and tutorials to help you master design systems.

A list of tools and resources for self-taught developers.

This cheat sheet provides a comprehensive list of Bootstrap 4 classes, including those for the navbar text.

An in-depth tutorial on building a modern, beautiful web application using Angular 6.

Checkdp is a tool for analyzing website and application data privacy policies.

API documentation for chroma.js.

A collection of articles on cognitive psychology and decision-making.

Color and Contrast.com is a tool that allows you to test the color contrast of your website.

Colors by Radix UI.

Components AI is a tool that helps designers explore and use generative design systems.

Confetti by Kiril Vasilev.

Core Web Vitals Checker is a free tool by Calibre that allows you to test your website's Core Web Vitals in one click.

Create Figma Plugin by Yuan Qing Lim.

This article from the GitHub Docs explains how to create a new repository from a template.

CSS Border Animations is a tutorial on how to create animated borders with CSS.

CSS generators by Marko Denic, a web developer.

This Medium article provides a list of top 10 CSS articles for the month of June 2018, curated by Mybridge.

A JavaScript library for creating subtle UI animations that delight users and improve the overall user experience.

Demystifying Public Speaking by Lara Callender Hogan.

Design System Careers is a job board focused on design systems jobs and roles, including design system managers, designers, and developers.

A Notion page about design systems for ethical design.

Apple Developer website providing a video from WWDC 2018 conference session where Apple experts discuss designing fluid interfaces.

DesignOps Melbourne is a community of designers and developers who are interested in design operations.

Roadmap.sh provides a set of roadmaps for learning popular programming languages and technologies.

Official documentation for GatsbyJS, a React-based framework for building fast, modern websites and applications.

Doodle Ipsum.

A tool for creating and testing typographic scales directly in the browser.

Flourish is a platform for creating and sharing data visualizations and interactive stories, with a library of customizable templates and charts.

A website showcasing typography in use in the real world.

Futurepedia is the largest directory of AI tools that helps you discover, evaluate and use the right AI tool to grow your business.

A starter kit for building a GatsbyJS-powered blog with a hero section on the home page.

Give Me Colors by Lionel Radisson on Observable.

Google Analytics Academy is a free online learning platform that offers courses to learn about Google Analytics and data analysis.

Compare career levels across Google, Facebook and Microsoft with Levels.fyi.

Gouache is a design data platform that helps you collect, organize, and share design data.

Hey Design Systems!

Theme Kit is a website that offers resources and tools for building your own Bootstrap 4 themes. Check it out to learn more.

An article about designing forms with a focus on user experience.

Test cases for HTML by Russ Max.

Learn about how to customize icons and browser colors in your web applications with this guide from Google Developers.

A GitHub repository for an interface styles shaper tool.

Scrcpy is a free and open-source tool for displaying and controlling Android devices from your computer. Learn more about it in this blog post.

Fourble is a search engine for finding podcasts. Check out their extensive list of podcasts to find something new to listen to.

A gallery of the latest mobile design patterns, showcasing best practices and innovative solutions.

A dashboard for managing apps on the Xero platform.

Nextacular - Build Modern Next.JS SaaS Products.

Observable - Make sense of the world with data, together.

Optician Sans is a free typeface based on historical optotypes and designed for use in eyecharts.

Official website for Parcel, a web application bundler that is fast

An introduction to ParcelJS, a fast and simple web application bundler that requires no configuration.

Pika is a collection of high-quality illustrations and animations that you can use in your web and app designs, with a focus on inclusivity and diversity.

Quick start guide for Create Figma Plugin by Yuan Qing Lim.

A website for downloading movies and torrents.

A collection of resources for design operations professionals, including tools, events, and more.

A blog post about a simple trick for debugging CSS.

An article about using web technologies to create design tools that work across platforms.

Slideout.js is a touch slideout navigation menu that is ideal for mobile web apps. Learn more about it on the website.

A YouTube playlist of interviews with designers and developers on Smashing Magazine.

Super Designer is a tool that allows you to create beautiful designs with just a few clicks.

SVG Gobbler is a tool that extracts SVG images from websites, allowing you to reuse and edit them for your own designs.

Tabler is a free and open-source admin dashboard template that features a simple and elegant design.

A website showcasing UI and UX examples of SaaS apps for design inspiration.

The Genome Color Tool is a universal color tool for designers.

The Professional is a free and interactive game that challenges you to solve a series of puzzles

Untools is a collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.

Webhooks.fyi is a free tool that allows you to create and test webhooks.

Pipedream is a platform for building and running workflows, including integrations with popular tools and services.