UI kit

A compact surface that shows how VelinStyle tokens and BEM-style components read together in a real product layout.

Actions

Button variants and sizes

Primary Success Warning Danger Info Outline

Deployment finished — your preview is live.

API rate limit at 80% for this workspace.

Payment method expired. Update billing to avoid downtime.

New CLI flags documented in the extend section.

Work email

Plan

Notes

I agree to the terms and accessibility statement.

Keyboard-friendly disclosure via velin-accordion

Design tokens

Colors, spacing, and radii are exposed as CSS custom properties so themes and dark mode stay consistent.

Container queries

Layout utilities combine with container queries so components respond to their parent, not only the viewport.

Web Components

Overlays, tabs, and inputs ship with focus management and ARIA patterns aligned to WCAG 2.2 AA goals.

Star input and segmented toggles share theme tokens and respect prefers-reduced-motion.

Overall rating

Density

Filterable single-select with full keyboard support.

Pick your framework