Components
Tourcard
This multi-step popover menu provides an engaging way to guide users through a sequence of helpful tips or actions using a compact UI. It features custom navigation with "Back" and "Next" buttons, and includes a special fifth step that promotes Ruixen with a dedicated link. Designed with ShadCN and Lucide icons, it ensures clarity and aesthetic consistency throughout the interactive flow.
import TourCard from "@/components/ui/tourcard";
export default function DemoOne() {
return <TourCard />;
}
Dependencies
Published
Similar components
Explore more
Part of Ruixen UI — browse the full library on 21st.dev.