Skip to main content
Max

Live Caret Input

An input where every keystroke is choreography: characters enter with per-char motion (spring, bounce, fade, slide), a custom caret rendered as its own animated layer glides between positions on a spring — four variants including block and glow — and selections stretch as real animated rects. A hidden native field keeps focus, IME, and accessibility intact while the visible layer performs.

InputReactMotionTailwind CSS

Manual

Similar components

Glow Assistant Chat

Favicon Search Input

Max

Gradient File Upload

Composer

Install via CLI

Resource details

PublishedJuly 18, 2026
CategoryInput
ReactMotionTailwind CSS