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

ComponentOpen Source

Animated Gradient

Animated gradient background with presets and customizable swirl effects using WebGL.

SSource LandSpell UI

View original source Repository

Why it stands out

Animated gradient background with presets and customizable swirl effects using WebGL.

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