solaris.shadcn.io
Credenza
Credenza is a responsive modal component for shadcn/ui that automatically adapts between dialog and drawer layouts based on screen size, providing optimal user experience across all devices.
by Redpangilinan · Updated October 8, 2025
Live Preview
Interact with the actual deployed template — every section, every interaction, no mockups.
About Template
The MIT-licensed component seamlessly switches from full-screen dialogs on desktop to bottom-drawer sheets on mobile, eliminating the need to manually manage different modal implementations for different viewport sizes. Built with React, TypeScript, shadcn/ui components, Vaul for drawer functionality, and Tailwind CSS, Credenza provides a unified API through composable sub-components including Trigger, Content, Header, Footer, and Body elements.
The component supports both declarative and state-based modal management, integrating perfectly with existing shadcn/ui projects while leveraging Vaul's smooth drawer animations. Perfect for applications requiring modals, forms, confirmations, or content overlays that need to work beautifully on both mobile and desktop without writing responsive logic manually.
More Templates
Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.
