# grapefruit × # alt

Loader Trio — Kit 5 · Grapefruit Alt

A self-contained, dependency-free UI element with smooth GPU-friendly transforms and a polished dark UI.

1.5k3.1k211Open

Loader Trio — Kit 1 · Grapefruit Alt

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

6742.8k1.9kOpen

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

Text Scramble — Take 2 · Grapefruit Alt

A self-contained, dependency-free animation with smooth looping keyframes and a studio-grade polish.

2083.4k1.7kOpen

Stagger Reveal — Take 4 · Grapefruit Alt

A self-contained, dependency-free animation with smooth spring-like motion and a studio-grade polish.

1493.9k516Open

Stagger Reveal — Take 2 · Grapefruit Alt

A self-contained, dependency-free animation with smooth hover choreography and a minimal dark look.

1.7k6k1.5kOpen

Skeleton Screen — Kit 2 · Grapefruit Alt

A self-contained, dependency-free UI element with smooth cascading delays and a tactile, responsive feel.

5629.4k109Open

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

Site Templates Live preview

Quillflow — Waitlist Capture · Grapefruit Alt

A self-contained, dependency-free landing page template with smooth hover choreography and a tactile, responsive feel.

1.5k2.7k2kOpen

Skeleton Screen — Kit 3 · Grapefruit Alt

A self-contained, dependency-free UI element with smooth hover choreography and a playful but precise finish.

5667.9k1.9kOpen

Text Scramble — Take 1 · Grapefruit Alt

A self-contained, dependency-free animation with smooth looping keyframes and a minimal dark look.

1.2k13.1k1.3kOpen

Site Templates Live preview

Lumenpost — Waitlist Capture · Grapefruit Alt

A self-contained, dependency-free landing page template with smooth GPU-friendly transforms and a crisp dark aesthetic.

9205.7k2.3kOpen

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

Ripple Button — Kit 3 · Grapefruit Alt

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

24015.7k475Open

Ripple Button — Kit 4 · Grapefruit Alt

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

1.5k12.9k1.5kOpen

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

Text Scramble — Take 3 · Grapefruit Alt

A self-contained, dependency-free animation with smooth hover choreography and a minimal dark look.

5989.8k1.4kOpen

Segmented Control — Skin 3 · Grapefruit Alt

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

85913.6k855Open

Typewriter Loop — Take 5 · Grapefruit Alt

A self-contained, dependency-free animation with smooth spring-like motion and a minimal dark look.

70411.2k1.5kOpen

Scroll Count-Up — Take 5 · Grapefruit Alt

A self-contained, dependency-free animation with smooth spring-like motion and a crisp dark aesthetic.

1.8k19.5k2.1kOpen

Featured Animations Live preview

Marquee Ribbon — Take 1 · Grapefruit Alt

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

67921.2k700Open

Stagger Reveal — Take 3 · Grapefruit Alt

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

13523.3k791Open

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.