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

ComponentMixed

Sidebar Toggle Icon

Animated SVG icon that morphs between open and closed sidebar panel states using Motion path interpolation.

uSource Landunlumen UI

View original source

Why it stands out

Animated SVG icon that morphs between open and closed sidebar panel states using Motion path interpolation.

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

Componentsmixed

Gradient Builder

Soft gradients blended from traditional Japanese colours.

by FeralUI0React · TypeScriptSource

Visual Effectsopen source

Image Trail

Leaves a trail of images behind the cursor with a premium delay fade.

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