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

ComponentFree

Jelly Loader

A beautiful loading animation with stacked, rotating elliptical shapes that create a mesmerizing jelly-like effect. Uses a gradient color palette from light pi…

OSource LandObsidianUI

View original source Repository

Why it stands out

A beautiful loading animation with stacked, rotating elliptical shapes that create a mesmerizing jelly-like effect. Uses a gradient color palette from light pink to deep magenta.

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

Rectangular Text Reveal

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

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