Demos
Every component in the pack, shown live and fully themeable. Pick a theme from the header and every demo re-themes instantly. Open any demo full-screen, or jump to its API on the Elements pages.
Showcase
A full user-story kanban built from <kanban-board> and <user-story> — drag stories across columns, themed live by Vanilla Breeze.
By component
<adr-wc>
Architecture Decision Record. View API →
<burndown-chart>
Sprint / release burndown. View API →
<capacity-plan>
Capacity ledger: capacity − quality − features = slack. View API →
<empathy-map>
Says / thinks / does / feels. View API →
<gantt-chart>
Gantt schedule. View API →
<impact-effort>
Impact vs. effort matrix. View API →
<iron-triangle>
Scope / time / cost project-shape surface. View API →
<kanban-board>
Kanban board (drag to reorder). View API →
<product-roadmap>
Time-phased roadmap. View API →
<quadrant-grid>
2×2 quadrant plotting surface. View API →
<quality-target>
Quality-attribute prioritization radar. View API →
<requirement-card>
Single NFR ("ility") card. View API →
<review-surface>
Annotated review surface. View API →
<risk-register>
Risk log with likelihood / impact. View API →
<story-map>
User-story map. View API →
<traceability-matrix>
Requirement ↔ artifact grid. View API →
<user-journey>
Journey maps with emotion curve. View API →
<user-persona>
Persona cards. View API →
<user-story>
User-story cards. View API →
<work-item>
Work-item cards. View API →