Dashboards & Apps

6 Variants

S

Shavin Studio

Enterprise Team

Cloud Sync

Active

128/200 Tokens used

Avinash

Workspace Overview

Manage token scales, layout synthesis, and design tokens.

Application Shell

Maya Sharma

@mayasharma · Lead Product Designer

Building accessible design systems & zero-hallucination AI components for enterprise web applications.

User Profile Card

Welcome back

Here's what's new since your last visit.

NewBeta
Starter Card
S

Shavin Studio

Enterprise Team

Cloud Sync

Active

128/200 Tokens used

Avinash

Workspace Overview

Manage token scales, layout synthesis, and design tokens.

Application Shell

Maya Sharma

@mayasharma · Lead Product Designer

Building accessible design systems & zero-hallucination AI components for enterprise web applications.

User Profile Card

Welcome back

Here's what's new since your last visit.

NewBeta
Starter Card

Application Shell

Full-page responsive app layout with sticky header, collapsible sidebar, and main workspace.

>npx @shavin/cli add app-shell
S

Shavin Studio

Enterprise Team

Cloud Sync

Active

128/200 Tokens used

Avinash

Workspace Overview

Manage token scales, layout synthesis, and design tokens.

When to Use & Guidelines

  • Anchor at the bottom of the page for persistent wayfinding.
  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
#app-shell#layout#navigation

User Profile Card

User profile card with avatar, name, role, stats, and action buttons.

>npx @shavin/cli add card-user-profile

Maya Sharma

@mayasharma · Lead Product Designer

Building accessible design systems & zero-hallucination AI components for enterprise web applications.

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#card#profile#user

Starter Card

Simple starter card template with title, description, and getting-started action.

>npx @shavin/cli add starter-card

Welcome back

Here's what's new since your last visit.

NewBeta

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#starter#card#onboarding

Application Shell

Full-page responsive app layout with sticky header, collapsible sidebar, and main workspace.

>npx @shavin/cli add app-shell
S

Shavin Studio

Enterprise Team

Cloud Sync

Active

128/200 Tokens used

Avinash

Workspace Overview

Manage token scales, layout synthesis, and design tokens.

When to Use & Guidelines

  • Anchor at the bottom of the page for persistent wayfinding.
  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
#app-shell#layout#navigation

User Profile Card

User profile card with avatar, name, role, stats, and action buttons.

>npx @shavin/cli add card-user-profile

Maya Sharma

@mayasharma · Lead Product Designer

Building accessible design systems & zero-hallucination AI components for enterprise web applications.

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#card#profile#user

Starter Card

Simple starter card template with title, description, and getting-started action.

>npx @shavin/cli add starter-card

Welcome back

Here's what's new since your last visit.

NewBeta

When to Use & Guidelines

  • Fully responsive across desktop, tablet, and mobile breakpoints.
  • 100% semantic token purity — remaps seamlessly across all themes.
  • Accessible by default with proper ARIA roles and keyboard navigation.
#starter#card#onboarding
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font