Find the right interaction.

Showcase

Made by GPT-6 Astra

Recently added

01
Componentsopen source
Advanced Data Table
A searchable table with row selection and expandable details, demonstrated with four fictional field samples.
by EasyUI0React · TypeScriptSource(opens in a new tab)
0
02
Componentsopen source
DrawCheckbox
Animated drawing checkboxes track three original preparation steps for a fictional walk.
by EasyUI0React · TypeScriptSource(opens in a new tab)
0
03
Componentsopen source
StretchSwitch
An elastic toggle controls a fictional quiet-focus preference and its visible status text.
by EasyUI0React · TypeScriptSource(opens in a new tab)
0
04
Componentsopen source
Avatar Stack
Overlapping initial avatars reveal fictional collaborator names on hover without remote profile photos.
by EasyUI0React · 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

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

Text Animationsopen source

Text Morph

Centered fluid text transitions that inherit the surrounding typography and theme.

by Componentry0React · TypeScriptSource

Componentsopen source

Wheel Carousel

A cinematic rotating-wheel picker with inertial drag, curved fading labels, and crossfading project imagery.

by Componentry0React · TypeScriptSource

Componentsopen source

Wheel Picker

A three-dimensional drum picker supports flick momentum and snapped selection.

by Kokonut UI0React · TypeScriptSource

Componentsopen source

Extruded Text

Extruded letters respond to pointer lighting and individual pressed states.

by Kokonut UI0React · TypeScriptSource

Componentsopen source

Typing Text

A typewriter display simulates typing, corrections, selection-based deletion and an idle caret.

by Kokonut UI0React · TypeScriptSource

Componentsopen source

Magic UI Shimmer Button

A button with a shimmering light which travels around the perimeter.

by Magic UI0React · TypeScriptSource

Componentsfree

Carousel

Cards slide through a horizontally draggable carousel.

by Bencho0React · 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

Find the right interaction.

Showcase

Recently added

Advanced Data Table

DrawCheckbox

StretchSwitch

Avatar Stack

Scroll Progress

Bounce sidebar

OTP Input

Signature

Gradient Builder

Image Trail

Text Morph

Wheel Carousel

Wheel Picker

Extruded Text

Typing Text

Magic UI Shimmer Button

Carousel

Pixel scan

PullCord

Text Rotate

Folder component

Fluid Orb

Gravity Letters

Proximity Sidebar

Code Block

Duration Picker

Scroll Choreography

Scroll Tilted Grid