Sign in Get Pro

Motion

11 primitives

Buttons Cards Charts Chrome Controls Data Effects Feedback Inputs Modals Motion Text

RegistryMotionLicenseTokensCLIBlocks

Marquee

free

Pause-on-hover infinite strip. Never locked.

NorthlineKeelHarborVellumQuarryLumen

Logo Marquee

free

Marquee of partner marks built on the free primitive.

Dock

free

Magnifying icon rail. Never locked.

Edge current

A traveling highlight that stays on the tokenized border.

Border Beam

free

A traveling highlight that traces a card edge.

CLI

App

Animated Beam

free

SVG current between two anchored nodes.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll to see the progress indicator at the top. This component tracks your scroll position.

Scroll Progress

free

Read indicator bar fixed to viewport top.

First item appears

Then the second

And finally the third

Stagger In

free

Children appear sequentially on mount.

Scroll to see effect

This moves at 0.3× scroll speed

Parallax

free

Layer scrolls at fractional speed.

Patina

Ink Bleed

free

Headline letters bloom like wet ink on paper.

Aged brass

Hover to reveal the oxidation and pitting that comes with time.

Patina Oxidize

free

A brass surface that slowly greens and pits on hover.

Filament Script

free

A thin glowing wire writes an SVG path like a signature.