Shadcn.io is not affiliated with official shadcn/ui
React Category Setup Onboarding Block
A React category organization onboarding block with expandable tree hierarchy and chevron rotation. Built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS.
Organize content into hierarchical categories during onboarding with this React and Next.js block. Features expandable parent categories with indented subcategories in a tree-like layout, chevron rotation for visual collapse state, and an add category button. Built with TypeScript, shadcn/ui Button component, Framer Motion staggered entrance animations, and Tailwind CSS. Perfect for content management onboarding, knowledge base setup, and taxonomy configuration flows in React applications.
React Category Setup Onboarding Block preview
Installation
Related Components
Tag Creation Onboarding
Create and manage removable tag badges
Pipeline Setup Onboarding
Sequential pipeline stage configuration
Onboarding Checklist
Expandable setup checklist with progress tracking
Template Selection Onboarding
Template picker with preview cards
Onboarding Stepper
Linear numbered step-by-step wizard
Welcome Onboarding
Welcome screen with feature highlights
FAQ
Was this page helpful?
Sign in to leave feedback.
React Feature Carousel Onboarding Block
A React carousel onboarding block for Next.js with four slides, dot navigation, prev/next controls, and Framer Motion transitions. Built with shadcn/ui and Tailwind CSS.
React Certification Track Enrollment Onboarding Block
A React certification enrollment block with three skill tiers and selection states. Built with Next.js, TypeScript, shadcn/ui Badge and Button, and Tailwind CSS.