Beautiful building blocks.
Entirely yours.
A growing collection of thoughtfully crafted components, made with Zidom. Preview them, explore the actual source, and make every detail your own.
Explore the collection22
Production-inspired patterns. Copy the code. Own the result.
Primary, secondary and outline buttons with a real click handler.
Accessible busy and success states without duplicate submissions.
Labeled text field with controlled input and helpful description.
Password visibility toggle with proper input type and labels.
Controlled select element with native keyboard interaction.
A controlled checkbox with a clickable descriptive label.
Single-choice radios grouped by a fieldset and legend.
Multiline input with a reactive character counter.
Real @zidomjs/forms validation, errors and submission.
Keyboard-friendly tabbed content using Zidom signals.
Desktop links and a toggleable mobile navigation.
An active-section sidebar built with reusable navigation state.
Semantic breadcrumb trail with current-page announcement.
Composable content card with a clear call to action.
Responsive two/three-column layout with consistent spacing.
A landing-page hero with headline, description and CTA links.
Responsive footer with grouped navigation and copyright.
A dismissible status notice with accessible text.
Useful empty-state messaging and an actionable button.
Status and category indicators with semantic text.
Semantic table with an interactive sort control.
A real multi-file router starter with pages and a working iframe preview.
Your components.
Your codebase.
No black box, no mandatory design system runtime. Every example is written in Zidom TSX, and the source you copy is the source running in the preview.
Learn how components work ↗