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

Componentsmixed

Gradient Builder

Soft gradients blended from traditional Japanese colours.

by FeralUI0React · TypeScriptSource

Visual Effectsopen source

Image Trail

Leaves a trail of images behind the cursor with a premium delay fade.

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