# responsivecn

responsivecn makes shadcn/ui overlays responsive: a Dialog on desktop, a Drawer on a phone. Swap the import and keep every prop, on Base UI or Radix.

## Pairs

- [Dialog → Drawer](https://responsivecn.alexandrejoly.me/docs/dialog-drawer.md): a Dialog at 768px and up, a Drawer below. Install: `npx shadcn add @alexandrejoly/dialog-drawer`
- [Sheet → Drawer](https://responsivecn.alexandrejoly.me/docs/sheet-drawer.md): a Sheet at 768px and up, a Drawer below. Install: `npx shadcn add @alexandrejoly/sheet-drawer`
- [Popover → Drawer](https://responsivecn.alexandrejoly.me/docs/popover-drawer.md): a Popover at 768px and up, a Drawer below. Install: `npx shadcn add @alexandrejoly/popover-drawer`
- [Tooltip → Popover](https://responsivecn.alexandrejoly.me/docs/tooltip-popover.md): a Tooltip at 768px and up, a Popover below. Install: `npx shadcn add @alexandrejoly/tooltip-popover`

## Links

- [Docs](https://responsivecn.alexandrejoly.me/docs.md)
- [llms.txt](https://responsivecn.alexandrejoly.me/llms.txt)
- [Source code](https://github.com/AlexDemzz/responsivecn)