Free to use · Zero dependencies

Icons to interactions,
all in motion.

A working library of interactive icons, loaders, UI components and motion patterns. Each one animated in vanilla JavaScript, copy-paste ready, and built for light and dark.

$ curl -fsSL drift-ui.netlify.app/cli.js | node - add streaming-text
5,300+ PIECES $ CLI INSTALL 100% FREE

Telemetry

Everything, counted.

One designer’s working library. Every piece animated, both themes, no dependencies.

Why Drift

Built the hard way, easy to use.

Ten years of interfaces, distilled into pieces you can paste.

Zero dependencies

Every piece is vanilla JavaScript and CSS. No framework, no build step, no install. Paste it and it runs.

Animated by default

Nothing here sits still. Springs, staggers and micro-interactions are tuned into every component, not bolted on.

Light and dark, first-class

Both themes are designed, not generated. Token-driven color so every piece holds up on white or jet black.

Copy, paste, ship

Open a piece, take the code, move on. Free for personal and commercial work, no strings attached.

Micro-interactions

Motion you can feel.

Live pieces from the library. Touch them, they answer.

Magnetic Button
Spring Toggle
35
Rotary Knob
Morphing CTA

Building blocks

The fundamentals, done right.

Accessible, theme-aware structure for your next application.

Elastic Tabs
Checkbox
Segmented Control
Switch

The catalog

One library, everything inside.

Everything in the library, a click away.