Shadcn.io is not affiliated with official shadcn/ui
Onboarding Plugin Install
Plugin installation onboarding with toggle states, install tracking, and continue action for React and Next.js apps built with shadcn/ui and Tailwind CSS
Install plugins during onboarding with this plugin installation block for React and Next.js. Features six plugin rows (Analytics, SEO, Forms, Chat, Payments, Email) each with icon, name, description, and an Install/Installed toggle button built using TypeScript and shadcn/ui Button components. Tracks installed count in the header with Framer Motion staggered entrance animations. Perfect for CMS plugin onboarding, app marketplace setup, and extensible platform configuration flows requiring React/Next.js integration.
Related Components
React Integrations Onboarding Block
Third-party integration connection step
React Preferences Onboarding Block
User preference toggle configuration
React Privacy Controls Onboarding Block
Privacy settings with toggle switches
React Profile Setup Onboarding Block
Profile form with avatar and bio fields
React Progress Onboarding Block
Progress dashboard with step checklist
React Template Selection Onboarding Block
Template picker for quick project start
FAQ
Was this page helpful?
Sign in to leave feedback.
Plan Selection
React and Next.js plan selection onboarding block with TypeScript, animated NumberFlow prices, selectable tiers, shadcn/ui components, and Tailwind CSS for subscription flows.
Preferences
Preferences setup onboarding with toggle switches, icon labels, and save action for React and Next.js apps built with shadcn/ui and Tailwind CSS