Live component preview recorded from Spell UI, whose component source is MIT licensed. Preview: platform recorded · rights authorized.

ComponentOpen Source

Pop Button

A playful 3D-style button with push-down animation effect.

SSource LandSpell UI

View original source Repository

Why it stands out

A playful 3D-style button with push-down animation effect.

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

Bars Spinner

A loading spinner with rotating bars animation.

by Spell UI0React · TypeScriptSource

Componentsopen source

Highlighted Text

Text with sliding background highlight animation using mix-blend-mode.

by Spell UI0React · TypeScriptSource

Componentsopen source

Gradient Wave Text

Apple-style animated gradient text with wave effect.

by Spell UI0React · TypeScriptSource

Componentsopen source

Logos Carousel

Animated carousel component that cycles through sets of logos with staggered animations.

by Spell UI0React · TypeScriptSource

Componentsopen source

Label Input

Input field with floating label and password visibility toggle.

by Spell UI0React · TypeScriptSource

Componentsopen source

Text Marquee

Animated text marquee component with vertical scrolling.

by Spell UI0React · TypeScriptSource