This is a modern, accessible floating label input component with smooth transitions, clear success/error states, and a built-in clear button. It adapts to both light and dark themes and ensures the label never overlaps with the cursor or text.
import Input_01 from "@/components/ui/ruixen-input01"; const DemoOne = () => { return <Input_01 />; }; export { DemoOne };
Part of Ruixen UI — browse the full library on 21st.dev.