Blocks/Onboarding(44)

Onboarding pages and flows.

25–44 of 44

Block	Title	Category	Access	Install
onboarding20	Template Starter Picker	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding20`
onboarding19	Profile Setup Card	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding19`
onboarding18	Notification Preferences	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding18`
onboarding17	Goal Selector with Paths	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding17`
onboarding16	Interest Tag Picker	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding16`
onboarding15	Integration Connector Grid	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding15`
onboarding14	Workspace Setup with Team Invite	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding14`
onboarding13	Role Persona Selector	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding13`
onboarding12	Circular Progress with Checklist	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding12`
onboarding11	Side Navigation Wizard	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding11`
onboarding10	Accordion Steps with Expandable Actions	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding10`
onboarding9	Step Cards with Numbered Indicators	Onboarding	Free	`npx shadcn add https://ui.beste.co/r/onboarding9`
onboarding8	Multi-Step Form Wizard	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding8`
onboarding7	Progress Bar with Task Checklist	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding7`
onboarding6	Vertical Timeline Steps	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding6`
onboarding5	Horizontal Steps with Progress Line	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding5`
onboarding4	Video Introduction Screen	Onboarding	Free	`npx shadcn add https://ui.beste.co/r/onboarding4`
onboarding3	Minimal Welcome with Icon	Onboarding	Free	`npx shadcn add https://ui.beste.co/r/onboarding3`
onboarding2	Split Layout with Features and Social Proof	Onboarding	Pro	`npx shadcn add https://ui.beste.co/r/onboarding2`
onboarding1	Welcome Hero with Step Indicator	Onboarding	Free	`npx shadcn add https://ui.beste.co/r/onboarding1`

PRO

onboarding20

Template Starter Picker

Onboarding screen with a grid of starter templates to choose from, each with a preview thumbnail, title, and description. Perfect for project creation flows in design tools and project management apps.

PRO

onboarding19

Profile Setup Card

Onboarding screen with a form card for setting up user profile including avatar, display name, bio, and timezone. Perfect for the personal details step in any SaaS onboarding flow.

PRO

onboarding18

Notification Preferences

Onboarding screen with toggle switches for configuring notification channels and frequency. Perfect for apps that need granular notification consent during setup.

PRO

onboarding17

Goal Selector with Paths

Onboarding screen where users pick their primary goal to receive a tailored onboarding path. Each goal card shows a recommended feature set. Perfect for multi-purpose platforms.

PRO

onboarding16

Interest Tag Picker

Onboarding screen with a grid of selectable interest tags and chips for personalizing content recommendations. Perfect for content platforms, newsletters, and social apps.

PRO

onboarding15

Integration Connector Grid

Onboarding screen with a grid of available integrations showing connection status and connect/skip actions. Perfect for apps that rely on third-party services like Slack, GitHub, and Google.

PRO

onboarding14

Workspace Setup with Team Invite

Combined onboarding card for creating a workspace with name and URL slug, plus a team invite section with email inputs. Perfect for SaaS apps that require team collaboration setup.

PRO

onboarding13

Role Persona Selector

Onboarding screen where users select their role or persona to personalize their experience. Each role card shows an icon, title, and description with a selectable highlight state.

PRO

onboarding12

Circular Progress with Checklist

Visual progress tracker featuring a circular percentage indicator with completion stats and task list. Perfect for profile setup flows that encourage users to reach 100% completion.

PRO

onboarding11

Side Navigation Wizard

Desktop wizard with a vertical side navigation menu and content panels for each step. Perfect for comprehensive account setup requiring multiple configuration screens.

PRO

onboarding10

Accordion Steps with Expandable Actions

Interactive accordion layout where each step expands to reveal detailed instructions and action buttons. Perfect for setup guides that let users complete tasks at their own pace.

FREE

onboarding9

Step Cards with Numbered Indicators

Animated step wizard with square numbered indicators and content cards for each step. Perfect for product walkthroughs that guide users through key features.

PRO

onboarding8

Multi-Step Form Wizard

Interactive form wizard with segmented progress bar, form fields, and back/next navigation. Perfect for account registration flows collecting user and company information.

PRO

onboarding7

Progress Bar with Task Checklist

Card-based progress tracker showing completion percentage and a checklist of tasks with visual status. Perfect for gamified onboarding that motivates users to finish setup.

PRO

onboarding6

Vertical Timeline Steps

Vertical timeline layout with step indicators, descriptions, and a connecting progress line. Perfect for workspace setup flows with detailed step explanations.

PRO

onboarding5

Horizontal Steps with Progress Line

Multi-step progress indicator with numbered circles connected by a progress line. Perfect for account setup wizards that show users their completion status.

FREE

onboarding4

Video Introduction Screen

Welcome screen featuring a video thumbnail with play overlay and duration badge. Perfect for product tours that use video content to demonstrate features.

FREE

onboarding3

Minimal Welcome with Icon

Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Perfect for simple app introductions that prioritize clarity over complexity.

PRO

onboarding2

Split Layout with Features and Social Proof

Two-column welcome layout with feature checklist, user count, and star ratings alongside an image. Perfect for SaaS onboarding that highlights key benefits and builds trust.

FREE

onboarding1

Welcome Hero with Step Indicator

Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for app onboarding flows that guide users through a multi-step setup process.