← All libraries

Library

AREA

Our own workspace package — built in-house, mobile-first wrappers around Vaul/Radix/Motion with @area/foundation tokens.

https://techstack.areakpi.in · Owned · private · 5 components installed

ResponsiveDialog

Vaul sheet on mobile, Radix Dialog on desktop.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

npx shadcn add https://techstack.areakpi.in/r/responsive-dialog.json

Source: registry/components/responsive-dialog.tsx

BottomSheet

Vaul drawer with safe-area-aware bottom.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

npx shadcn add https://techstack.areakpi.in/r/bottom-sheet.json

Source: registry/components/bottom-sheet.tsx

BottomNav

Mobile bottom tab bar.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

npx shadcn add https://techstack.areakpi.in/r/bottom-nav.json

Source: registry/components/bottom-nav.tsx

FAB

Floating Action Button.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

npx shadcn add https://techstack.areakpi.in/r/fab.json

Source: registry/components/fab.tsx

StickyCTA

Sticky bottom action bar.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

npx shadcn add https://techstack.areakpi.in/r/sticky-cta.json

Source: registry/components/sticky-cta.tsx