Catalog
Components
Click any component to see a live preview inside a device frame, browse the source, and copy the install command.
ResponsiveDialog
registry:uiBottom sheet on mobile, centered Dialog on desktop. Switches at the tablet breakpoint via useBreakpoint.
npx shadcn add https://techstack.areakpi.in/r/responsive-dialog.jsonBottomSheet
registry:uiMobile-first sheet powered by Vaul, with safe-area-aware bottom padding and snap points.
npx shadcn add https://techstack.areakpi.in/r/bottom-sheet.jsonBottomNav
registry:uiMobile bottom tab bar nav. Honors safe-area-inset-bottom.
npx shadcn add https://techstack.areakpi.in/r/bottom-nav.jsonFAB (Floating Action Button)
registry:uiRound button anchored bottom-right, safe-area-aware, with optional Motion entrance.
npx shadcn add https://techstack.areakpi.in/r/fab.jsonStickyCTA
registry:uiSticky bottom action bar for primary completion actions (Save, Continue, Checkout).
npx shadcn add https://techstack.areakpi.in/r/sticky-cta.json