Auth - Onboarding Blocks

Explore custom community-made shadcn/ui and Tailwind CSS Auth Onboarding blocks.

@blocks-so

Onboarding 07

An interactive onboarding deploy pipeline component featuring a progress-tracked accordion list, real-time status updates, and completion indicators built with Tailwind CSS, Radix UI Accordion, and Progress components.

block

@blocks-so

Onboarding 06

A vertical progress timeline component displaying step-by-step onboarding status with icons for completed, in-progress, and upcoming tasks, featuring activity timestamps and descriptive text.

block

@blocks-so

Onboarding 05

A vertical activity feed component featuring user avatars, status indicators, and timestamped project updates connected by a clean timeline connector line.

block

@blocks-so

Onboarding 04

An interactive onboarding accordion component featuring step-by-step progress tracking, status indicators, and action buttons for guided user setup workflows.

block

@blocks-so

Onboarding 03

An interactive multi-step onboarding component featuring a progress bar, clickable step cards with status indicators, and completion tracking for guided user setup flows.

block

@blocks-so

Onboarding 02

A multi-step workspace setup component featuring interactive cards, progress indicators, and action buttons for team invitation, project creation, and tool integration.

block

@blocks-so

Onboarding 01

A multi-step onboarding checklist component featuring a circular progress indicator, collapsible step details, and actionable links for user setup tasks.

block

@blocks-so

Form Layout 04

A multi-field registration form featuring a radio-group package selection interface, text inputs, and a responsive grid layout for collecting user information and plan preferences.

block

@blocks-so

Form Layout 01

A responsive multi-column registration form for workspace onboarding featuring labeled input fields, required field indicators, and a clean layout built with Tailwind CSS.

block

@blocks-so

Dialog 11

A multi-step project initialization wizard dialog featuring a sidebar layout, descriptive project info sections, and form inputs for configuring new project settings.

block

@beste-ui

Onboarding9

An interactive multi-step onboarding wizard featuring numbered indicators, a progress-aware layout, and customizable content cards for guided product walkthroughs.

block

@beste-ui

Onboarding4

A video introduction onboarding screen featuring a thumbnail with a play overlay, duration badge, and dual call-to-action buttons for product tours.

block

Select an Item to view its code

Choose an item from the list to view its code and files.