Preview supplied by Rare UI / Swami Malode. Preview: creator supplied · rights cleared.

Scroll Progress

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

Why it stands out

A compact reading-progress indicator that fills as the page scrolls, shows the active section, and expands into a section menu for smooth navigation.

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

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

Text Animationsopen source

Text Morph

Centered fluid text transitions that inherit the surrounding typography and theme.

by Componentry0React · TypeScriptSource

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

Folder component

An animated folder whose cards fan out on hover and lift open on click, with a 3D-tilted flap. Supports color and size props.

by Rare UI0React · TypeScriptSource

Componentsfree

Fluid Orb

An animated WebGL orb with drifting fluid shading, inspired by ChatGPT's voice mode.

by Rare UI0React · TypeScriptSource

Componentsfree

Gravity Letters

A playful gravity field where letters, numbers, emoji, or custom components fall and pile up like physical objects.

by Rare UI0React · TypeScriptSource

Componentsfree

Proximity Sidebar

An interactive sidebar with proximity hover effects that appears while scrolling and responds to scroll intensity.

by Rare UI0React · TypeScriptSource