Dev Design Library

Curve Drawer

Side drawers whose inner edge starts as a bulge and morphs into a straight line as the panel settles.

Curve Drawer preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
clsx, lucide-react, motion, tailwind-merge, vaul
Install
npx shadcn@latest add https://uselayouts.com/r/curve-drawer
Files
  • registry/default/example/curve-drawer.tsx
  • components/ui/button.tsx
  • lib/utils.ts
  • registry/default/example/curve-drawer-primitives.tsx
  • registry/default/example/curve-drawer-curve.tsx
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts