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

ComponentMixed

Cards View Icon

Four squares in a 2×2 grid that reorder via Motion layout animation when active, signaling a card view mode.

uSource Landunlumen UI

View original source

Why it stands out

Four squares in a 2×2 grid that reorder via Motion layout animation when active, signaling a card view mode.

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