Components
Loading preview...
This Dialog02 component provides a smooth, multi-step onboarding experience using a modal dialog. It supports both light and dark themes, ensuring consistent black-and-white styling throughout. With animated transitions for title and description, a fixed image container to prevent layout shifts, and clear navigation via "Continue", "Skip", or "Finish" buttons, it offers a clean and modern user flow that guides users step-by-step through key features.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/ruixen-tourimport Dialog02 from "@/components/ui/ruixen-tour";
const DemoOne = () => {
return <Dialog02 />;
};
export { DemoOne };