Find the right interaction.

Playground

Live UI component dashboards

Recently added

01
Componentsopen source
Bars Spinner
A loading spinner with rotating bars animation.
by Spell UI0React · TypeScriptSource(opens in a new tab)
0
02
Componentsopen source
Label Input
Input field with floating label and password visibility toggle.
by Spell UI0React · TypeScriptSource(opens in a new tab)
0
03
Componentsopen source
Exploding Input
Input component that spawns particle effects when typing.
by Spell UI0React · TypeScriptSource(opens in a new tab)
0
04
Componentsopen source
Animated Checkbox
Animated checkbox with spring transitions and strike-through text effect.
by Spell UI0React · TypeScriptSource(opens in a new tab)
0

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

Componentsopen source

Signature

An animated SVG signature effect that draws out text as if hand-written.

by Componentry0React · TypeScriptSource

Componentsfree

Pixel scan

Pixel scan is an animated canvas study published directly in the Vault gallery.

by Vault0React · TypeScriptSource

Componentsfree

PullCord

A cloth cord that really hangs. Pull it to switch the lights.

by FeralUI0React · TypeScriptSource

Componentsopen source

Text Rotate

A text component that switches the rendered text from a list.

by Fancy Components0React · TypeScriptSource

Componentsfree

Folder component

An animated folder whose cards fan out on hover and lift open on click, with a 3D-tilted flap. Supports color and size props.

by Rare UI0React · TypeScriptSource

Componentsfree

Fluid Orb

An animated WebGL orb with drifting fluid shading, inspired by ChatGPT's voice mode.

by Rare UI0React · TypeScriptSource

Componentsfree

Gravity Letters

A playful gravity field where letters, numbers, emoji, or custom components fall and pile up like physical objects.

by Rare UI0React · TypeScriptSource

Componentsfree

Proximity Sidebar

An interactive sidebar with proximity hover effects that appears while scrolling and responds to scroll intensity.

by Rare UI0React · TypeScriptSource

Componentsfree

Code Block

A code block that derives its full syntax theme from one accent color and includes animated copy feedback.

by Rare UI0React · TypeScriptSource

Componentsfree

Duration Picker

A gooey, spring-animated picker for entering a duration in hours and minutes.

by Rare UI0React · TypeScriptSource

Componentsopen source

Scroll Choreography

A smooth, scroll-driven image choreography component using Framer Motion.

by Componentry0React · TypeScriptSource

Componentsopen source

Scroll Tilted Grid

A cinematic image grid that tilts and resolves into focus as each frame crosses the viewport.

by Componentry0React · TypeScriptSource

Componentsopen source

Orbit Card Stack

Premium hover card deck that fans outward and lifts the active card without changing its color or angle.

by Componentry0React · TypeScriptSource

Text Animationsopen source

Kinetic Text Reveal

Directional text reveal with soft blur and configurable word, character, or line stagger timing.

by Componentry0React · TypeScriptSource

Visual Effectsopen source

Image Trail

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

by Componentry0React · TypeScriptSource

Componentsopen source

Collection Surfer

Smooth surfing interaction for browsing collections.

by Componentry0React · TypeScriptSource

Componentsopen source

Bars Spinner

A loading spinner with rotating bars animation.

by Spell UI0React · TypeScriptSource

Componentsopen source

Label Input

Input field with floating label and password visibility toggle.

by Spell UI0React · TypeScriptSource

Componentsopen source

Exploding Input

Input component that spawns particle effects when typing.

by Spell UI0React · TypeScriptSource

Componentsopen source

Animated Checkbox

Animated checkbox with spring transitions and strike-through text effect.

by Spell UI0React · TypeScriptSource

Componentsopen source

Animated Gradient

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

by Spell UI0React · TypeScriptSource