Input Components
Beautiful input components with neon effects, multiple variants, and rich features. Copy and paste into your project.
Neon Inputs
Electric neon inputs with glowing effects in multiple vibrant colors
Basic Inputs
Standard input variants for everyday use
Input Sizes
Different sizes for various use cases
Neon Input Variants
Specialized neon inputs for different states and purposes
Inputs with Icons
Inputs with leading icons, password toggle, and clearable functionality
Installation
Install required dependencies:
npm install framer-motion clsx tailwind-merge lucide-reactImport the component where you need it: import { Input } from "@/components/input"
Make sure you have the cn utility function. See complete installation guide.