Live demo of

Data display

The building blocks for presenting content: cards, badges, avatars, tables, tabs, loading skeletons and empty states.

Cards

The shadcn-vue Card with header, content and footer — next to Inertia Start's soft-shadow Card wrapper used across account pages.

Project Orbit

A structured card with header, content and footer.

Badges

Four variants for statuses and labels.

Default
Secondary
Outline
Destructive
Custom

Avatars

The Avatar primitive with image and fallback, plus UserAvatar which derives initials from any user name.

ISJDAL

Tabs

Switch between related views inline.

A quick summary of your project at a glance.

Skeletons

Composable loading placeholders shown while data is fetched.

Empty state

A friendly empty state with an icon, copy and a call to action.

No projects yet

You haven't created any projects. Get started by creating your first one.

Collapsible, separators & delimiter

Disclosure widgets and the delimiter used to split auth forms.

3 starred repositories

inertia-start/core

Horizontal separator

Docs
Changelog
Support

Delimiter (used to split auth forms)