Components
Loading preview...
A multi-step onboarding dialog with carousel navigation, animated progress dots, and cross-fading content. Built with Embla Carousel and Motion.
@patrick-xin
npx shadcn@latest add https://21st.dev/r/patrick-xin/onboarding-dialogimport { OnboardingDialog } from "@/components/ui/onboarding-dialog"
export default function Demo() {
return (
<div className="flex items-center justify-center min-h-screen bg-background">
<OnboardingDialog defaultOpen={true} />
</div>
)
}