Curved Input
Arc-bent input bar with text, caret and submit button all following the curve.
Use Curved Input in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/CurvedInput-TS-TWRelated components
- Card Nav
Expandable navigation bar with card panels revealing nested links.
- Gooey Nav
A navigation bar whose active pill breaks into goo that flows over to the item you pick.
- Option Wheel
Curved option picker that spins with scroll, drag or arrow keys, tilting items away.