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

ComponentFree

Trading Card

A 3D interactive trading card with perspective transforms that respond to mouse movement. Features smooth reveal animations and a premium holographic feel.

OSource LandObsidianUI

View original source Repository

Why it stands out

A 3D interactive trading card with perspective transforms that respond to mouse movement. Features smooth reveal animations and a premium holographic feel.

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