Designpedia
The visual encyclopedia of design

Every design term, finally made clear.

400 terms across 7 domains — with the look-alikes untangled and the real components from shadcn/ui, MUI & Ant Design rendered live inside every entry.

0terms
0domains
0confusables
OverlayBannerAction SheetNavigation BarStepper (Wizard)Autocomplete (Typeahead)Inline ValidationSkeleton ScreenFont StyleX-heightLigatureJustificationWeb Font vs System FontShadeAnalogous ColorsGradientSaturation vs VibranceRowZ-PatternProportionPragnanz (Law of Simplicity)ThermographyRasterGloss vs MatteScoringUser JourneyCall to Action (CTA)ParallaxStyle Guide vs Pattern Library vs Design SystemTouch Target SizeOverlayBannerAction SheetNavigation BarStepper (Wizard)Autocomplete (Typeahead)Inline ValidationSkeleton ScreenFont StyleX-heightLigatureJustificationWeb Font vs System FontShadeAnalogous ColorsGradientSaturation vs VibranceRowZ-PatternProportionPragnanz (Law of Simplicity)ThermographyRasterGloss vs MatteScoringUser JourneyCall to Action (CTA)ParallaxStyle Guide vs Pattern Library vs Design SystemTouch Target Size
Explore

Seven domains

Three ways in

Commonly confused

Badge vs chip vs tag, drawer vs sheet, kerning vs tracking — look-alikes placed side by side with the precise difference.

Live component comparison

The same component rendered live in shadcn/ui, MUI and Ant Design, with each library's naming and props.

Learn by doing

Swipe through terms in Discover mode, or test yourself with the quiz. Bite-sized, one card at a time.