Refactoring UI screenshot

Refactoring UI

Design Systems

About

Make your ideas look awesome, without relying on a designer.

Practical design tips for developers by the Tailwind team.

Features & use cases

  • Design with tactics, not talent.
  • Most design courses are missing the mark.
  • “I know this looks terrible, but I have no idea why.”
  • What we’ve put together
  • The Book
  • Video tutorials

Section titles taken from refactoringui.com, checked 2026-08-01.

Where Refactoring UI appears

Similar tools

Alternatives & related tools

Laws of UX preview

Laws of UX

The key maxims designers consider when building interfaces.

AI Camera Movements preview
New

AI Camera Movements

Reference library of camera moves to prompt with when generating video.

Name That UI preview
New

Name That UI

Visual dictionary that gives every UI pattern its correct name.

Invisible Details preview
New

Invisible Details

Breaks down the small interface decisions that make products feel considered.

SHRTCTS preview
New

SHRTCTS

Keyboard shortcuts for design and productivity apps, collected in one place.

Rebrand Gallery preview

Rebrand Gallery

The best new design systems, identity intros and rebrand videos.

Design Systems Repo preview

Design Systems Repo

A huge collection of design systems and pattern libraries.

Material Design preview

Material Design

Google's open-source design system for building products.

More in Design Systems

See all 37
Apple HIG preview

Apple HIG

Apple's Human Interface Guidelines for great app design.

Polaris preview

Polaris

Shopify's design system for crafting commerce experiences.

DjectStudio preview

DjectStudio

Premium and free Figma & Framer UI kits and templates, website kits, app UIs, decks and design systems.

Carbon Design System preview

Carbon Design System

IBM's open-source design system for products and experiences.