# grapefruit × # component

Reviewers — Avatar & Chip Stack · Grapefruit Alt

A self-contained, dependency-free UI component with smooth eased transitions and a minimal dark look.

1.1k9k91Open

Onboarding Stepper — Flow 5 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth GPU-friendly transforms and a minimal dark look.

1.5k7.6k197Open

Search Field Dropdown — Snippets · Grapefruit Alt

A self-contained, dependency-free UI component with smooth eased transitions and a studio-grade polish.

1.3k10.7k117Open

Toast Stack — Variant 5 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth looping keyframes and a tactile, responsive feel.

9905.5k2.3kOpen

Customer Table — Skin 2 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth hover choreography and a crisp dark aesthetic.

1.8k22.1k190Open

Linked Sliders — Kit 3 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth eased transitions and a crisp dark aesthetic.

1.3k12.8k562Open

Underline Tabs — Skin 3 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth hover choreography and a tactile, responsive feel.

41917.7k532Open

Segmented Control — Skin 2 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth looping keyframes and a playful but precise finish.

39325.8k877Open

Segmented Control — Skin 1 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth cascading delays and a polished dark UI.

74512.7k2.1kOpen

Interactive Star Rating — T1 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth spring-like motion and a polished dark UI.

1.1k20.2k497Open

Underline Tabs — Skin 1 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth looping keyframes and a polished dark UI.

1.4k10.2k1.1kOpen

Onboarding Stepper — Flow 4 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth hover choreography and a tactile, responsive feel.

14515.9k1.9kOpen

Segmented Control — Skin 3 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth hover choreography and a polished dark UI.

85913.6k855Open

Featured Components Live preview

Toast Stack — Variant 3 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth eased transitions and a crisp dark aesthetic.

1.6k23.2k2kOpen

Interactive Star Rating — T0 · Grapefruit Alt

A self-contained, dependency-free UI component with smooth looping keyframes and a tactile, responsive feel.