Live preview recorded from Unlumen UI; component and demo published by Léo / Unlumen UI. Preview: platform recorded · rights authorized.

ComponentMixed

Animate Digits

Per-digit blur-slide animation with direction awareness — only the digits that change animate, sliding up when increasing and down when decreasing.

uSource Landunlumen UI

View original source

Why it stands out

Per-digit blur-slide animation with direction awareness — only the digits that change animate, sliding up when increasing and down when decreasing.

Discovery vocabulary

Component React

Related by governed terms

Continue comparing

Componentsopen source

Signature

An animated SVG signature effect that draws out text as if hand-written.

by Componentry0React · TypeScriptSource

Componentsfree

Scroll Progress

A scroll progress pill that tracks reading position and expands into a squircle menu of page sections.

by Rare UI0React · TypeScriptSource

Componentsfree

Bounce sidebar

A vertical navigation list with a bouncy, spring-animated active indicator.

by Rare UI0React · TypeScriptSource

Componentsfree

OTP Input

A one-time-code input whose characters roll into place behind a caret that slides from slot to slot.

by Rare UI0React · TypeScriptSource

Componentsfree

PullCord

A cloth cord that really hangs. Pull it to switch the lights.

by FeralUI0React · TypeScriptSource

Componentsopen source

Scroll Choreography

A smooth, scroll-driven image choreography component using Framer Motion.

by Componentry0React · TypeScriptSource

Cursor Image Trail

A trail of images that follows the cursor with fade, scale, and rotation animations powered by Motion.

by unlumen UI0React · TypeScriptSource

Marketingmixed

Vertical Marquee

Two columns of tweet cards scrolling vertically in opposite directions with a progressive fade at the top and bottom edges.

by unlumen UI0React · TypeScriptSource

Image Effectsmixed

Orbital Image Wheel

Scroll-driven half-wheel image layout pinned to the bottom area of the viewport, with GSAP focus effects and animated active captions.

by unlumen UI0React · TypeScriptSource

Backgrounds & Shadersmixed

Square Pattern

An interactive grid background where squares randomly light up with colorful accents and react to hover.

by unlumen UI0React · TypeScriptSource

Navigationmixed

Dock

macOS-style animated dock with Gaussian neighbor icon magnification driven by spring physics.

by unlumen UI0React · TypeScriptSource

Navigationmixed

Notion Floating Action Menu

A faithful Notion-inspired quick-create menu with a compact action panel and an animated compose-to-close interaction.

by unlumen UI0React · TypeScriptSource