FREE & OPEN SOURCE

Components

Free React components with thoughtful motion. Preview the interaction, explore every source file, and make it yours.

Explore the collection14 components · MIT licensed
01

Answer Paper

Drag the paper’s bottom handle to shorten an answer or restore its detail.

02

Inline Rewrite

Drag a dial to rewrite a paragraph in place, with shared words gliding into position.

03

Message Edit

Edit and resend a message in place, then step between its previous versions.

04

Response Versions

Step between regenerated answers with "2 / 3", and regenerate without losing the old ones.

05

Drop Zone Membrane

A responsive membrane drop zone with shadcn attachments, upload progress, processing, retry and cancellation.

06

Step Timeline

An expanding step selector with timed progress and accessible manual navigation.

07

Request Lifecycle Preview

A persistent request card with Asked, Planned, Shipped and Answered scenes.

08

Clarifying Question

The agent pauses to ask. Pick with a click or a number key, or type your own; it folds into a one-line receipt.

09

Command Palette

Search commands from a compact keyboard shortcut trigger with fuzzy matching, nested actions, and a moving result highlight.

10

Kbd

Platform-aware keyboard keycaps with live press feedback and optional shortcut callbacks.

11

Text Morph

Animate changing text with shared letters that move into place, soft arrivals, and a smoothly resizing width.

12

Number Roll

Numbers that move with their value. Each changing digit rolls into place, with support for currency, compact notation, and live counters.

13

Select

Choose from an expanding pill with a gliding highlight, keyboard navigation, and a morphing label.

14

Theme Toggle

Switch between a sun and crescent moon inside one circular button.