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
A navigation bar that springs open into a row of cards, each with its own links.
- Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.
- Gooey Nav
A navigation bar whose active pill breaks into goo that flows over to the item you pick.