Components/Inputs & Controls

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.

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

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

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

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

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