Shadcn-style components
The shadcn/ui look recreated with plain CSS — no build step, works in any CDN context. Anatomy ids mirror the slot names shadcn users know.
Card — with form field and actions
Create project
Deploy your new project in one click.
Card
card The outer container. rounded-lg border bg-card shadow-sm in Tailwind terms.
Header
card-header Groups title and description with vertical spacing.
Title
card-title The heading. Semantic <h3>, font-semibold tracking-tight.
Description
card-description Muted supporting copy under the title.
Content
card-content The main body — here a form field.
Footer
card-footer Action row, typically right-aligned buttons.
Button — default variant with icon
Button
button shadcn-style default variant: solid foreground, rounded-md, h-9 px-4.
Icon
button-icon Optional 16px leading icon, aria-hidden.