A blog post that recommends 10 Chrome extensions that can help designers improve their workflow and productivity.

A curated list of 10 Sketch plugins recommended by the Startaê team.

100 Days of SwiftUI is a tutorial series that teaches the basics of building iOS apps with SwiftUI, Apple's declarative UI framework.

A list of books recommended for designers to gain a better understanding of human psychology and behavior.

A library of 100,000 AI-generated human faces that can be used for various design projects, such as website avatars, social media graphics, and more.

This blog post features 101 inspiring quotes about design and creativity from industry leaders and experts, providing motivation and insights for designers.

This post provides a list of free and open source data visualization tools that developers can use for their data science and machine learning projects.

A collection of 25 stylish signature fonts that can add a personal touch to any design project.

A showcase of creative and inspiring SVG animations.

This webpage provides a cheatsheet of questions for conducting user interviews, as well as follow-up questions to ask for further insights.

This website presents a manifesto for designers that outlines a set of principles and values that designers should follow.

This article discusses AEUX, a new system for designing motion with both Sketch and Figma.

A guide to using SVGs for scalable graphics on the web.

Adobe Open Source is a website that showcases Adobe's open source initiatives and contributions to the open source community.

Official website for Airbnb's engineering and data science teams, featuring articles, tech talks, open source projects, and more.

Ajeeb is a tool that generates random design prompts to help designers overcome creative blocks and generate new ideas.

A collection of tools for creating various Android app assets, such as icons and splash screens.

The official website for Android developers, with documentation, guides, and resources.

This podcast episode features an interview with the design team behind the responsive redesign of the Ann Arbor District Library's website, providing insights into their process and decision-making.

Appydev is a directory of web development tools and resources. The site includes a variety of tools, such as design resources, code editors, and APIs. Users can search for tools by category or keyword.

This guide provides information about the Argus Eyes platform, which offers tools and services for monitoring and analyzing website performance and user behavior.

Assemble is a static site generator that helps you build websites quickly and easily using HTML, CSS, and JavaScript.

Atlassian Design is the official design language used across all Atlassian products, with a focus on consistency, clarity, and usability.

Learn how to automatically deploy a Gatsby site to Firebase with Google Cloud Build in this tutorial from Crowdform.

This tutorial outlines the steps and resources needed to learn deep learning from scratch and become proficient in it within a year.

Boooom is a job board for design management and leadership roles. The site features job listings from a variety of companies, as well as resources for job seekers, such as resume tips and interview advice.

Bravo Studio is a platform for turning mobile app designs into fully functional, native iOS and Android apps without coding.

Cards for Humanity is a website that provides a collection of card decks for remote team building and collaboration.

A tool for creating and sharing design systems, with support for Sketch, Figma, and Adobe XD.

A tutorial on changing the color of SVG elements on hover using CSS.

A self-hosted API-driven CMS (content management system) that provides a simple and flexible interface for managing content.

Color Leap is a tool that presents a different palette from history every day, allowing you to browse, search, and explore color schemes used throughout history by artists, designers, and architects.

A roundup of various color tools for designers, including color palette generators, gradient tools, and color scheme pickers.

Components AI is a web-based tool that allows you to explore and experiment with generative design systems. It provides a library of design elements that can be combined and customized to create unique designs.

A collection of useful tools for designers and developers, including converters and calculators for typography, grids, colors, and more.

A tool that generates abstract, colorful backgrounds that can be used for various design projects, such as website backgrounds, social media graphics, and more.

This tutorial explains how to create animated icons using SVG and JavaScript. It provides sample code and step-by-step instructions for creating 2-state, SVG-powered animated icons.

Crosshatch Automata is a generative art tool that uses cellular automata to create intricate crosshatched designs.

A simple tool for generating CSS grid layouts without writing any code, with drag-and-drop functionality and responsive options.

An interactive tool to learn digital marketing and analytics.

This GitHub repository provides an overview of various automatic living styleguide generators that developers can use for their web design projects.

An article that debunks the myth of above the fold web design and explains why it is no longer relevant.

A collection of decorative and animated WebGL backgrounds that you can use in your web projects.

Descript is a podcast and video editing software that uses AI to transcribe audio and video files, allowing you to edit the content by editing the text.

Design good practices is a web-based resource that provides practical tips and advice for designers. It covers a variety of design topics, including typography, color theory, and layout.

Collection of design principles and guidelines for creating effective and user-friendly digital products and services, based on research and best practices from various industries.

Design Repository is a collection of design goods, including icons, fonts, and graphics.

A directory of design resources.

This reading list provides a collection of articles, tutorials, and resources for designing and using design systems and tokens in web development.

Official website for Design Systems Coalition in New York City. Provides information about upcoming events, talks, and workshops related to design systems.

A comprehensive guide to creating design systems, covering topics like design principles, components, and workflows.

The Design Tokens Community Group is a forum for people who want to explore the emerging practice of Design Tokens, and share knowledge about best practices and new developments in the field.

design.systems is a community-driven website that aims to document and showcase design systems from around the world.

A curated list of various design tools and resources, including color palette generators, icon libraries, font resources, and more.

This cheat sheet provides a quick reference for using the HTML details and summary elements to create expandable content on web pages.

A platform for discovering and getting early access to new startups and products.

A blog post that discusses the design principles and best practices for drag-and-drop interactions in user interfaces.

A tool for generating free, photorealistic product mockups.

Collection of gradient color schemes for website and app design, including a searchable database and copy-and-paste CSS code.

Electron is an open-source framework for building cross-platform desktop applications using web technologies like HTML, CSS, and JavaScript.

A curated list of resources for React developers, including libraries, tools, and other useful links.

An introduction to EPUB, a standard format for ebooks.

Excalidraw is a web-based diagramming tool that creates diagrams that look hand-drawn. It's collaborative and secure.

A tool for generating font pairings based on design preferences.

A font-making tool that allows designers to easily create their own custom fonts.

A community-driven fork of the original Font Awesome project, providing a wide range of icons for use in web projects.

This post provides a list of free data sets that data scientists can use for their machine learning and data science projects, including data on climate, finance, and social media.

A collection of free generators for web designers and developers, including tools for creating icons, colors, gradients, and more.

Free Japanese Art Archive Lets You Down Wave Illustrations for Free

A collection of 30 free mesh gradient backgrounds that can be used for various design projects, such as website backgrounds, social media graphics, and more.

This website provides free high-resolution stock photos for websites and commercial use.

A comprehensive checklist to improve the performance of front-end websites and applications.

Official documentation for Fusion.js, a modern web framework for building high-performance, real-time web applications.

A blog post that discusses how users react to non-native UI and the importance of considering cultural factors when designing UI.

generated-space is a website that showcases generative art and tools for creating generative art.

A tutorial on generating multi-brand icons for different platforms using Sketch and Node.js.

Guide to getting started with Gatsby, a React-based framework for building websites.

A tutorial that explains how to use Puppeteer and Chrome Headless for web scraping and automation.

A web platform to create and publish documentation and books using Markdown and Git.

Beautiful and simple UI for generating web gradients.

Website that provides a large collection of gradient background colors that can be used.

Comprehensive guide to using gradient colors in app design, including trends, examples, and resources.

Gridpak is a responsive grid generator that allows web developers and designers to create custom grid layouts quickly and easily.

A digital library of over 60,000 free eBooks.

React library that provides a set of components for adding animations and transitions to web applications.

An impressive pure CSS illustration of a woman's head, created by Diana Adrianne.

Discussion on GitHub about how designers and developers can handle size values for UI elements across different platforms and devices, including best practices and possible solutions.

Tutorial on using CSS Grid to mix and match design patterns, a technique that can create unique and visually appealing layouts.

A step-by-step tutorial on creating your first Sketch plugin.

This tutorial provides step-by-step instructions for creating your first Adobe panel using HTML, CSS, and JavaScript.

A guide to managing design tokens in a scalable and maintainable way.

This tutorial explains how to use Python and BeautifulSoup to scrape websites and extract data. It provides sample code and practical tips for web scraping.

Sparring is a feedback technique for peer-to-peer coaching that is designed to help team members improve their skills and achieve their goals.

This tutorial demonstrates how to add sort and filter functionality to HTML tables using List.js, a powerful and flexible JavaScript library.

A tool to create living style guides using Markdown or React components.

Programming Design Systems is a book that teaches you how to design digital systems using code.

An online course on the basics of Augmented Reality and ARCore by Google.

This website provides examples of the keen-slider library for creating responsive and touch-friendly sliders.

This website provides a visual timeline tool for creating CSS animations.

Kroki is a web-based diagramming tool that allows you to generate diagrams from textual descriptions. It supports many different diagram types, including flowcharts, UML diagrams, and network diagrams.

A comprehensive collection of principles, research, and guidelines for creating user-centered design.

A book that provides a comprehensive guide to designing websites and products systematically.

Mastering Next.js is a free video course that covers the basics of building React applications with Next.js, a popular React framework.

A comprehensive guide to using Redux with React.

The online store for Lucky Chops, a brass funk band from New York, featuring various merchandise such as vinyl records, t-shirts, and more.

Learn how to make a Gatsby site with multiple content types in this tutorial from Chip Cullen.

A massive dictionary of color names, with over 15,000 unique colors and their corresponding hex codes.

Mermaid is a simple markdown-like script language for generating charts from text via JavaScript. It supports many different chart types.

The official design website of Microsoft, featuring design resources, case studies, and insights into the company's design philosophy.

A lightweight native desktop application framework using Vue.js.

MJML is a responsive email framework that aims to simplify the way designers and developers create responsive emails.

A tool for creating product mockups quickly and easily, with a library of customizable templates.

Modulator is a web-based audio synthesizer that lets you create unique soundscapes with ease.

web devices capabilities

Open-source content management system with an easy-to-use interface for managing content on static websites.

Onym is a tool for generating brand names and domain names.

Collection of open-source web snippets, including HTML, CSS, and JavaScript code snippets, that can speed up development.

This is the website for Open Source Design, a community of designers and developers who collaborate on open source projects.

Create a color palette from any image using this tool.

This website provides PaperCSS, a less formal CSS framework for web development.

This web-based tool allows you to create seamless, royalty-free patterns for use in your design projects. It includes a variety of design elements that can be combined and customized to create unique patterns.

This webpage features the People + AI Research library, which contains resources and research on designing and developing artificial intelligence systems that are ethical, responsible, and human-centered.

Pigment by ShapeFactory is a simple color palette generator that allows you to easily create and save color schemes.

Primitive is an online learning platform that offers courses and resources for designers to learn SwiftUI, a popular framework for building iOS apps.

Public APIs is a directory of free and open REST APIs that developers can use to build applications and services.

RatioBuddy is a simple web-based tool for calculating aspect ratios. It provides an easy way to determine the appropriate dimensions for videos, images, and other content.

The desktop version of RAWGraphs, with expanded features and capabilities.

A web-based data visualization tool for creating custom charts and graphs.

Presentation on how to use CSS-in-JS with React, a popular JavaScript library for building user interfaces.

React for Designers is a tutorial series that teaches designers how to use React to build interfaces for web and mobile applications.

This Github repository provides information and resources for using React Sketchapp, a library for building Sketch designs with React components.

A library of open-source React and React Native UI components for building Elasticsearch applications.

A tool developed by Mozilla to simplify web pages for easier reading and to create a better reading experience.

The releases page for MaterialColorsApp, a tool for exploring and creating color palettes for material design.

A detailed article on how to create responsive modular typography scales in CSS, including tips and best practices.

The Guardian's journey of rebuilding its front-end tech stack and an exploration of the rendering tier.

A collection of device templates for Sketch, including various Apple products such as iPhones, iPads, and MacBooks.

A color scale generator that allows users to create custom color palettes, adjust color hue and saturation, and preview how the colors will look in different contexts.

This website provides a tool for creating custom SVG shape dividers for websites.

An online tool for creating SVG animations and exporting them as code.

Simple.css is a minimal, classless CSS framework that provides a basic set of styles for common HTML elements. It's designed to be lightweight and easy to use.

A web-based tool for designing and testing user interfaces

A web tool to create and share system design sketches using drag and drop interface.

A job board for finding startup jobs and career opportunities in tech.

This is the GitHub repository for asimov, a tool that automatically excludes development dependencies from Apple Time Machine backups.

A tool for converting plain text stories or scenarios into visual sketches or diagrams, aimed at designers and product teams working on user experience (UX) and user interface (UI) design.

Storybook Controls is a plugin for Storybook, a tool for developing UI components. The plugin allows users to edit UI components in real time, without writing any code. The plugin supports a variety of UI libraries, such as React, Vue, and Angular.

Learn Storybook is a website that provides tutorials and resources for using Storybook, an open-source tool for developing UI components in isolation.

A build system for creating cross-platform styles and design tokens.

A library of customizable SVG icons that can be easily modified to fit the design needs of your project.

A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects.

Tachyons is a functional CSS toolkit for quickly building responsive web applications, featuring a modular design and numerous pre-built styles.

Documentation for the typography module of Tachyons, a functional CSS toolkit for quickly building responsive web applications.

That Portfolio Book™ is a guide to building a portfolio website, with advice on design, content, and strategy.

The Beginner's Guide to React is a video tutorial series that teaches beginners the basics of React, a JavaScript library for building user interfaces.

Resourcesfordesigner.com is a curated directory of design resources, including tutorials, freebies, and tools. The site features resources for a variety of design disciplines, such as web design, graphic design, and UX design.

Wipro Digital

The Guide to Design is a collection of resources and articles for UX designers, including design tutorials, best practices, and case studies.

A collection of handcrafted SVG fonts by Tom Chalky.

YAML is a human-readable data serialization format used for data exchange between languages and platforms.

A complete guide to kerning, the process of adjusting the spacing between letters in a font, with tips and techniques for creating professional-looking typography.

thePenTool is a collection of high-quality design assets, including textures, brushes, and patterns.

Tilework is a generative art tool that allows users to create tiled designs using various patterns and colors.

A collection of tools for data analysis and visualization.

Powerful toolkit for building websites with beautiful typography, including pre-designed themes that can be customized to fit any design.

This website provides avatars for design mockups.

A collection of beautiful and unique gradients that you can use in your designs and projects.

A challenge for UX designers to create innovative and user-friendly solutions for real-world problems.

A resource library created by Google Design that offers insights, strategies, and case studies on designing digital products and services for users in emerging markets and developing countries.

A website that provides statistics and trends on web technologies and usage worldwide.

Warp SVG Online is a web-based tool for distorting SVG shapes. The tool allows users to warp shapes using a variety of distortion algorithms, such as fish-eye, wave, and twist. The resulting shapes can be exported as SVG files.

24 ways is an online advent calendar for web designers and developers. Every day in December, a new article or tutorial is published.

Article that explains the importance of web performance and how Gatsby, a popular React-based framework, achieves fast loading times.

A resource for discovering, sharing, and creating web components.

A curated collection of style guide examples and resources for designers and developers.

A collection of websites that offer various types of creative backgrounds, such as gradient backgrounds, particle animations, and more.

A free, open-source curriculum for learning web development, with interactive challenges and projects.

A tool that lets you create desktop apps for your favorite websites with one click.