Animated React Inputs and Controls

Animated input and control components for React. Built with Tailwind CSS and Motion, ready to copy and paste or install via the shadcn CLI.

A skeuomorphic pill that expands into a multi-select filter checklist with Apply.

Glassmorphism AI chat input with image upload, web search toggle, and model switcher.

Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support.

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.

A radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill.

Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag.