ObsidianUI component preview, locally rendered from the publisher's source; reuse permission confirmed by the user. Preview: platform recorded · rights authorized.

ComponentFree

Rectangular Text Reveal

Colored rectangles sweep across each line before revealing the text underneath.

OSource LandObsidianUI

View original source Repository

Why it stands out

Colored rectangles sweep across each line before revealing the text underneath.

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

Colorful Cursor Aura

Three colored masks follow the pointer through bold typography with staggered easing.

by ObsidianUI0React · TypeScriptSource

Componentsfree

Book Flip

A tactile 3D book with bending pages, realistic light, and interactive page turns.

by ObsidianUI0React · TypeScriptSource

Componentsfree

Marquee on SVG Path

Images follow a looping SVG curve with drag momentum and scroll-responsive speed.

by ObsidianUI0React · TypeScriptSource

Componentsfree

Hover Image

A stunning hover-based image preview component. When users hover over project titles, a smooth mouse-following thumbnail appears showcasing the corresponding i…

by ObsidianUI0React · TypeScriptSource

Componentsfree

Interactive Arrows

Six canvas arrow and line patterns respond to the pointer with rotation, spacing, and opacity.

by ObsidianUI0React · TypeScriptSource

Componentsfree

Pixelated Carousel

An image carousel with a unique pixelated transition effect. Images dissolve into pixels and reassemble for the next slide.

by ObsidianUI0React · TypeScriptSource