Design Learning

Astro description

The definitive guide to standardize the design/code of the UI Components based on the most popular Design Systems and UI Frameworks and Libraries

What’s the easiest and fastest way to set up dark mode? Depending on the setup, something from one declaration to two rules.

I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...

Daily UI design challenge. Become a better designer in 100 days. Free design resources.

Collection of dark mode-first components and effects. Crafted with React and Tailwind CSS.

See all accessible color scales that Radix Colors provides.

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

The Mental Health Patterns Library is a public library that contains a set of principles, patterns and examples for the design and delivery of digital services and products that address mental health needs.

Your daily dose of design inspiration.

Browse and search across hundreds of iOS apps for UI & UX research.

Looking for landing page inspiration? We've got you covered. Landingfolio features the best landing page designs, templates, component and more on the web. Get inspired by real landing page examples.

Live, or inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it.

Get Visual Feedback on your designs. With BugHerd you can collect, collaborate and communicate on visual feedback wherever you work.

How to properly turn a div into a button, so the result will be accessible and useable by everyone.TLDR: Use a native button.

Firmware for Pinetime smartwatch written in C++ and based on FreeRTOS - InfiniTimeOrg/InfiniTime

I was recently designing an interface with a lot of rounded corners. But, when I nested rounded corners it looked off somehow...

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

Reach higher conversions faster by repeating what worked for others and avoiding what failed.

The UX Certificate program, developed by Google, focuses on the foundations of UX design and research, wireframes, prototypes, and testing.

Library of free and customizable UI elements made with CSS or Tailwind. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project.

Connect with Creatives. Find creative jobs, freelance tools, online courses, and events.

Design Engineers at Vercel blend aesthetic sensibility with technical skills. Learn about Vercel's philosophy on what Design Engineering is and how we work.

A meeting place for the voices, perspectives, provocations and wisdom of myriad thinkers, creators and doers who have dedicated themselves to realizing a new vision for the internet.

Find out the common mistakes in designing onboarding and learn the secret sauce behind engaging...

Find documentation and resources for designing great apps for Apple platforms.

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.