Loom UI
Free and open source

Where Design Meets Production

A collection of animated React components in TypeScript and Tailwind CSS, copied into your project one file at a time. No runtime, no package to keep up with, and made to sit beside shadcn/ui.

Get startedBrowse
Requests served
59,390+11.4%
Last quarter
12K9K6K3K0
W1W2W3W4W5W6W7
Edge32,400
Origin18,920
Cache miss8,070
Trend Stack

Stacked series, revealed left to right.

Sessions by source
9,210+6.7%
Last 30 days
52%Search
Search4,820
Direct2,140
Social1,360
Newsletter890
Gauge Arc

One hand goes round the dial.

Idle
Spool

Changes shape to fit what it holds.

0
Count Up

Numbers that arrive rather than appear.

Progress Ring

Springs to the number, never restarts.

Split Flap

Every character flips on its own timing.

Icon Morph

One shape the whole way. Nothing crossfades.

Onboarding
2,840-1.8%
Invited2,840
Opened1,960
Started1,180
Finished640
Invited2,840
Opened1,960
Started1,180
Finished640
Funnel Rows

Each bar as long as its share of the first.

~/acme-app
Terminal

Types its commands, then prints the answer.

Woven in place
Scramble Text

Resolves out of noise, left to right.

Copy it in., Own the file., Ship it.
Typewriter

Types and deletes, with no layout shift.

npx shadcn@latest add @loomui/gauge-arc

Install as many animated components as you need

Charts, text effects, buttons, backgrounds and device frames. One file each, no runtime, and yours the moment they land.

Install freeBrowse