Application blocks for Vue teams.
Dashboards, shells, authentication, settings, workflows and product UI surfaces.
277 blocks — all live
Basic dialog
Focused modal tasks, confirmations and edit forms.
Dialog with scrollable content
Focused modal tasks, confirmations and edit forms.
Dialog with scrollable content and sticky footer
Focused modal tasks, confirmations and edit forms.
Dialog without a close button
Focused modal tasks, confirmations and edit forms.
Dialog with custom close button
Focused modal tasks, confirmations and edit forms.
Full-screen fluid dialog with sticky header and footer
Focused modal tasks, confirmations and edit forms.
Confirmation dialog with destructive action
Focused modal tasks, confirmations and edit forms.
Cookie consent dialog
Focused modal tasks, confirmations and edit forms.
Dialog with keyboard shortcuts list
Focused modal tasks, confirmations and edit forms.
Dialog with full width button
Focused modal tasks, confirmations and edit forms.
Basic empty state
Zero-data and first-run screens with direct next actions.
Search empty state
Zero-data and first-run screens with direct next actions.
Empty state with search input
Zero-data and first-run screens with direct next actions.
Empty state with add button
Zero-data and first-run screens with direct next actions.
Document empty state
Zero-data and first-run screens with direct next actions.
Dashed upload empty state
Zero-data and first-run screens with direct next actions.
Inbox empty state
Zero-data and first-run screens with direct next actions.
Team members empty state
Zero-data and first-run screens with direct next actions.
No notifications empty state
Zero-data and first-run screens with direct next actions.
No data analytics empty state
Zero-data and first-run screens with direct next actions.
Bookmarks empty state
Zero-data and first-run screens with direct next actions.
Tasks empty state
Zero-data and first-run screens with direct next actions.
No automations empty state with toggle illustration
Zero-data and first-run screens with direct next actions.
Comments empty state with isometric board illustration
Zero-data and first-run screens with direct next actions.
No products empty state with stacked cards and blur effect
Zero-data and first-run screens with direct next actions.
Search empty state with stacked file cards illustration
Zero-data and first-run screens with direct next actions.
No messages empty state with chat bubbles illustration
Zero-data and first-run screens with direct next actions.
No payments empty state with credit card illustration
Zero-data and first-run screens with direct next actions.
No integrations empty state with connected nodes illustration
Zero-data and first-run screens with direct next actions.
No events empty state with calendar illustration
Zero-data and first-run screens with direct next actions.
Event calendar with all views and live settings
Calendar views for teams, bookings and schedules.
Event calendar with resource view for room bookings
Calendar views for teams, bookings and schedules.
Event calendar with create and edit dialog
Calendar views for teams, bookings and schedules.
Event calendar with custom event chips
Calendar views for teams, bookings and schedules.
Event calendar with drag-to-book appointments
Calendar views for teams, bookings and schedules.
Gantt chart with settings menu and schedulable rows
Timeline planning surfaces for projects and releases.
Gantt chart with drag-to-reorder tree rows
Timeline planning surfaces for projects and releases.
Gantt chart with quarter roadmap and rollups
Timeline planning surfaces for projects and releases.
Gantt chart with weekly capacity board
Timeline planning surfaces for projects and releases.
Gantt chart with task table and progress
Timeline planning surfaces for projects and releases.
Kanban board with placeholder overlay
Board layouts for tasks, deals and roadmap planning.
Kanban board with dynamic overlay
Board layouts for tasks, deals and roadmap planning.
Kanban board with frame columns
Board layouts for tasks, deals and roadmap planning.
Minimal kanban with stacked frame
Board layouts for tasks, deals and roadmap planning.
Feature roadmap kanban with progress
Board layouts for tasks, deals and roadmap planning.
Kanban board persisted to a backend
Board layouts for tasks, deals and roadmap planning.
Sheet containing a form for editing profile information
Slide-over detail and edit panels for secondary tasks.
Sheet containing a form for editing profile information (alt.)
Slide-over detail and edit panels for secondary tasks.
Sheets that open from any side
Slide-over detail and edit panels for secondary tasks.
Sheet with scrollable content
Slide-over detail and edit panels for secondary tasks.
Basic timeline
Activity feeds, progress history and audit trails.
Timeline with roadmap
Activity feeds, progress history and audit trails.
Timeline with order status
Activity feeds, progress history and audit trails.
Timeline with git activity
Activity feeds, progress history and audit trails.
Timeline with milestones
Activity feeds, progress history and audit trails.
Timeline with pipeline steps
Activity feeds, progress history and audit trails.
Timeline with roadmap items
Activity feeds, progress history and audit trails.
Vertical timeline
Activity feeds, progress history and audit trails.
Horizontal timeline with leading labels
Activity feeds, progress history and audit trails.
Deployment log timeline
Activity feeds, progress history and audit trails.
Activity feed timeline with user avatars
Activity feeds, progress history and audit trails.
Compact horizontal milestone timeline
Activity feeds, progress history and audit trails.
Basic stepper
Step-by-step flows for setup, checkout and onboarding.
Stepper with completed state
Step-by-step flows for setup, checkout and onboarding.
Stepper with loading state
Step-by-step flows for setup, checkout and onboarding.
Controlled stepper
Step-by-step flows for setup, checkout and onboarding.
Stepper with title and indicator
Step-by-step flows for setup, checkout and onboarding.
Stepper with progress bar indicator
Step-by-step flows for setup, checkout and onboarding.
Stepper with icons and badges
Step-by-step flows for setup, checkout and onboarding.
Stepper with descriptions
Step-by-step flows for setup, checkout and onboarding.
Stepper with inline titles
Step-by-step flows for setup, checkout and onboarding.
Stepper with content for each step
Step-by-step flows for setup, checkout and onboarding.
Stepper with progress bar and titles
Step-by-step flows for setup, checkout and onboarding.
Stepper with segmented progress bar
Step-by-step flows for setup, checkout and onboarding.
Stepper with vertical orientation and descriptions
Step-by-step flows for setup, checkout and onboarding.
Stepper with vertical orientation
Step-by-step flows for setup, checkout and onboarding.
Stepper with vertical orientation and titles
Step-by-step flows for setup, checkout and onboarding.
Basic card
Dense information cards for dashboards and operational tools.
Card header with border
Dense information cards for dashboards and operational tools.
Card with border separation
Dense information cards for dashboards and operational tools.
Card with header and footer
Dense information cards for dashboards and operational tools.
Card with link
Dense information cards for dashboards and operational tools.
Card with dropdown menu
Dense information cards for dashboards and operational tools.
Card with image
Dense information cards for dashboards and operational tools.
Card with image scale hover effect
Dense information cards for dashboards and operational tools.
Card with full image
Dense information cards for dashboards and operational tools.
Full card with image and shadow fade effect
Dense information cards for dashboards and operational tools.
Card with stacked depth effect
Dense information cards for dashboards and operational tools.
Advanced clean login form card
Dense information cards for dashboards and operational tools.
Expandable billing usage card
Dense information cards for dashboards and operational tools.
Deployment status summary card
Dense information cards for dashboards and operational tools.
Stat card with trend and overflow menu
Dense information cards for dashboards and operational tools.
Card with header badge and actions
Dense information cards for dashboards and operational tools.
Card with icon, title and link
Dense information cards for dashboards and operational tools.
Card with header label and link
Dense information cards for dashboards and operational tools.
Basic navigation menu
Navigation bars for apps, workspaces and account surfaces.
Navigation menu with grid layout
Navigation bars for apps, workspaces and account surfaces.
Navigation menu with icons
Navigation bars for apps, workspaces and account surfaces.
Navigation menu with grid layout and learn more button
Navigation bars for apps, workspaces and account surfaces.
Basic menubar
Navigation bars for apps, workspaces and account surfaces.
Menubar with dropdown submenus
Navigation bars for apps, workspaces and account surfaces.
Menubar with checkbox & radio items
Navigation bars for apps, workspaces and account surfaces.
Menubar with icons
Navigation bars for apps, workspaces and account surfaces.
Menubar for formatting and media
Navigation bars for apps, workspaces and account surfaces.
Basic item with title and description
Action lists, records and compact repeated rows.
Items with icon media and action buttons
Action lists, records and compact repeated rows.
User item with avatar, info, and follow button
Action lists, records and compact repeated rows.
Clickable navigation items with icons and chevron
Action lists, records and compact repeated rows.
Item group with status badges
Action lists, records and compact repeated rows.
File items with icon media, size, and actions
Action lists, records and compact repeated rows.
Items with keyboard shortcuts
Action lists, records and compact repeated rows.
Small-size items with badges
Action lists, records and compact repeated rows.
Team members with roles and multiple actions
Action lists, records and compact repeated rows.
Item with header and footer sections
Action lists, records and compact repeated rows.
Integration items with connect actions
Action lists, records and compact repeated rows.
Activity feed items with avatars and actions
Action lists, records and compact repeated rows.
Basic bar chart
KPI panels and chart sections for reporting surfaces.
Multi-dataset bar chart
KPI panels and chart sections for reporting surfaces.
Diagonal stripe bar chart
KPI panels and chart sections for reporting surfaces.
Dotted pattern bar chart
KPI panels and chart sections for reporting surfaces.
Striped and solid bar chart
KPI panels and chart sections for reporting surfaces.
3D gradient bar chart
KPI panels and chart sections for reporting surfaces.
Gradient bar chart
KPI panels and chart sections for reporting surfaces.
3D isometric bar chart
KPI panels and chart sections for reporting surfaces.
Dotted and solid bar chart
KPI panels and chart sections for reporting surfaces.
Duotone gradient bar chart
KPI panels and chart sections for reporting surfaces.
Animated monochrome bar chart
KPI panels and chart sections for reporting surfaces.
Vertical bar chart
KPI panels and chart sections for reporting surfaces.
Gradient area chart with stripe overlay
KPI panels and chart sections for reporting surfaces.
Stacked area chart with dashed strokes
KPI panels and chart sections for reporting surfaces.
Step area chart with dotted pattern fill
KPI panels and chart sections for reporting surfaces.
Area chart with glowing dot markers
KPI panels and chart sections for reporting surfaces.
Forecast line chart with stripe pattern zone
KPI panels and chart sections for reporting surfaces.
Stacked area chart with crosshatch pattern fill
KPI panels and chart sections for reporting surfaces.
Donut chart with center total
KPI panels and chart sections for reporting surfaces.
Donut chart with center stats
KPI panels and chart sections for reporting surfaces.
Bug priority pie with stripe patterns
KPI panels and chart sections for reporting surfaces.
Active segment donut with center label
KPI panels and chart sections for reporting surfaces.
Radar chart with gradient fill
KPI panels and chart sections for reporting surfaces.
Filled radar with glowing stroke
KPI panels and chart sections for reporting surfaces.
Lighthouse scores radial with labels
KPI panels and chart sections for reporting surfaces.
Fields with input groups
Multi-field forms for profile, product and admin flows.
Field with input and textarea
Multi-field forms for profile, product and admin flows.
Field with select control
Multi-field forms for profile, product and admin flows.
Field with radio groups and checkboxes
Multi-field forms for profile, product and admin flows.
Filed with slider and switch
Multi-field forms for profile, product and admin flows.
Field with OTP input
Multi-field forms for profile, product and admin flows.
Settings form with validation
Multi-field forms for profile, product and admin flows.
Permission settings with checkboxes
Multi-field forms for profile, product and admin flows.
Responsive field layout
Multi-field forms for profile, product and admin flows.
Notification preferences form
Multi-field forms for profile, product and admin flows.
Form with validation errors
Multi-field forms for profile, product and admin flows.
Basic calendar
Agenda and availability interfaces for planned work.
Range calendar
Agenda and availability interfaces for planned work.
Disabled dates
Agenda and availability interfaces for planned work.
Multiple day selection
Agenda and availability interfaces for planned work.
Custom select day style
Agenda and availability interfaces for planned work.
Custom select range style
Agenda and availability interfaces for planned work.
Right navigation
Agenda and availability interfaces for planned work.
Month and year selection
Agenda and availability interfaces for planned work.
Year select with navigation
Agenda and availability interfaces for planned work.
Display week numbers
Agenda and availability interfaces for planned work.
Current month button
Agenda and availability interfaces for planned work.
Today button
Agenda and availability interfaces for planned work.
Custom navigation with year view
Agenda and availability interfaces for planned work.
Preset time selection
Agenda and availability interfaces for planned work.
Calendar with presets
Agenda and availability interfaces for planned work.
Range calendar with presets
Agenda and availability interfaces for planned work.
Calendar with pricing
Agenda and availability interfaces for planned work.
Calendar with presets
Agenda and availability interfaces for planned work.
Appointment calendar
Agenda and availability interfaces for planned work.
Display 2 months
Agenda and availability interfaces for planned work.
Display 2 months with range picker
Agenda and availability interfaces for planned work.
Calendar with event list
Agenda and availability interfaces for planned work.
Localize calendar
Agenda and availability interfaces for planned work.
Calendar with date picker
Agenda and availability interfaces for planned work.
Calendar with date range picker
Agenda and availability interfaces for planned work.
Calendar with date picker and year view
Agenda and availability interfaces for planned work.
Calendar with date and appointment picker
Agenda and availability interfaces for planned work.
Calendar with date picker and presets
Agenda and availability interfaces for planned work.
Range calendar with date picker and presets
Agenda and availability interfaces for planned work.
Calendar with date and time range picker
Agenda and availability interfaces for planned work.
Basic switch
Preference panels and account configuration screens.
Switch with description
Preference panels and account configuration screens.
Disabled switch
Preference panels and account configuration screens.
Switch in different sizes
Preference panels and account configuration screens.
Switch group
Preference panels and account configuration screens.
Switch list in card with separators
Preference panels and account configuration screens.
Switch list in card with icons
Preference panels and account configuration screens.
Switch in frame
Preference panels and account configuration screens.
Switch with tooltip info
Preference panels and account configuration screens.
Switch with badges
Preference panels and account configuration screens.
Colored switches
Preference panels and account configuration screens.
Destructive switch with confirmation text
Preference panels and account configuration screens.
Compact settings table with switches
Preference panels and account configuration screens.
Switch with descriptions in card grid
Preference panels and account configuration screens.
Revenue stats strip
Metric strips, KPI cards and summary panels.
Traffic stats strip
Metric strips, KPI cards and summary panels.
Support stats strip
Metric strips, KPI cards and summary panels.
Sales pipeline stats strip
Metric strips, KPI cards and summary panels.
Infrastructure stats strip
Metric strips, KPI cards and summary panels.
Team velocity stats strip
Metric strips, KPI cards and summary panels.
Inventory stats strip
Metric strips, KPI cards and summary panels.
Content stats strip
Metric strips, KPI cards and summary panels.
Billing stats strip
Metric strips, KPI cards and summary panels.
Recruiting stats strip
Metric strips, KPI cards and summary panels.
Security stats strip
Metric strips, KPI cards and summary panels.
Marketing campaign stats strip
Metric strips, KPI cards and summary panels.
Warehouse stats strip
Metric strips, KPI cards and summary panels.
Learning platform stats strip
Metric strips, KPI cards and summary panels.
API usage stats strip
Metric strips, KPI cards and summary panels.
Support dashboard overview
Complete dashboard arrangements with metrics and activity.
Sales dashboard overview
Complete dashboard arrangements with metrics and activity.
DevOps dashboard overview
Complete dashboard arrangements with metrics and activity.
Content dashboard overview
Complete dashboard arrangements with metrics and activity.
Inventory dashboard overview
Complete dashboard arrangements with metrics and activity.
Marketing dashboard overview
Complete dashboard arrangements with metrics and activity.
HR dashboard overview
Complete dashboard arrangements with metrics and activity.
Finance dashboard overview
Complete dashboard arrangements with metrics and activity.
Workspace setup checklist
Guided setup and first-run product flows.
New account setup checklist
Guided setup and first-run product flows.
Project setup checklist
Guided setup and first-run product flows.
Store setup checklist
Guided setup and first-run product flows.
Security setup checklist
Guided setup and first-run product flows.
Integration setup checklist
Guided setup and first-run product flows.
Team onboarding checklist
Guided setup and first-run product flows.
API setup checklist
Guided setup and first-run product flows.
Course enrollment checklist
Guided setup and first-run product flows.
Engineer profile header
Account, user and team profile layouts.
Sales rep profile header
Account, user and team profile layouts.
Support agent profile header
Account, user and team profile layouts.
Designer profile header
Account, user and team profile layouts.
Instructor profile header
Account, user and team profile layouts.
Vendor profile header
Account, user and team profile layouts.
Contributor profile header
Account, user and team profile layouts.
Recruiter profile header
Account, user and team profile layouts.
Community moderator profile header
Account, user and team profile layouts.
Sign in card
Sign in, registration, recovery and verification flows.
Sign up card
Sign in, registration, recovery and verification flows.
Forgot password card
Sign in, registration, recovery and verification flows.
Reset password card
Sign in, registration, recovery and verification flows.
Verify email card
Sign in, registration, recovery and verification flows.
Two-factor authentication card
Sign in, registration, recovery and verification flows.
Work email sign in card
Sign in, registration, recovery and verification flows.
Team invite accept card
Sign in, registration, recovery and verification flows.
Magic link request card
Sign in, registration, recovery and verification flows.
Change password card
Sign in, registration, recovery and verification flows.
Set up 2FA card
Sign in, registration, recovery and verification flows.
Username recovery card
Sign in, registration, recovery and verification flows.
Organization sign in card
Sign in, registration, recovery and verification flows.
Delete account confirm card
Sign in, registration, recovery and verification flows.
API key sign in card
Sign in, registration, recovery and verification flows.
Session expired card
Sign in, registration, recovery and verification flows.
Passkey sign in card
Sign in, registration, recovery and verification flows.
New device verification card
Sign in, registration, recovery and verification flows.
Trial expired sign in card
Sign in, registration, recovery and verification flows.
Admin sign in card
Sign in, registration, recovery and verification flows.
CRM app shell
Sidebar and topbar shells for multi-page applications.
Analytics app shell
Sidebar and topbar shells for multi-page applications.
Support desk app shell
Sidebar and topbar shells for multi-page applications.
Project management app shell
Sidebar and topbar shells for multi-page applications.
E-commerce admin app shell
Sidebar and topbar shells for multi-page applications.
DevOps console app shell
Sidebar and topbar shells for multi-page applications.
HR platform app shell
Sidebar and topbar shells for multi-page applications.
Finance platform app shell
Sidebar and topbar shells for multi-page applications.
Learning platform app shell
Sidebar and topbar shells for multi-page applications.
Inventory app shell
Sidebar and topbar shells for multi-page applications.
AI ops console app shell
Sidebar and topbar shells for multi-page applications.
Marketing platform app shell
Sidebar and topbar shells for multi-page applications.
Legal workspace app shell
Sidebar and topbar shells for multi-page applications.
Healthcare admin app shell
Sidebar and topbar shells for multi-page applications.
Real estate CRM app shell
Sidebar and topbar shells for multi-page applications.
Restaurant ops app shell
Sidebar and topbar shells for multi-page applications.
Field service app shell
Sidebar and topbar shells for multi-page applications.
Nonprofit CRM app shell
Sidebar and topbar shells for multi-page applications.
Fitness studio app shell
Sidebar and topbar shells for multi-page applications.
Documentation platform app shell
Sidebar and topbar shells for multi-page applications.
What is included
Counts, grouping, category names and preview placeholders for the public Pro catalog.
What is not included
Closed-source paid block code, licensed assets and redistribution-only content.
What is usable now
The open Vue registry remains available through components, categories and shadcn-vue install commands.