THE COMPONENT WORKSPACE / BETA

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.

DISCOVER / EXPLORE

Explore the collection22

Production-inspired patterns. Copy the code. Own the result.

● OPEN SOURCE RECIPES
ALL COMPONENTSBrowse & customize
Actions
Buttons

Primary, secondary and outline buttons with a real click handler.

TSX + CSSView component →
Actions
Loading button

Accessible busy and success states without duplicate submissions.

TSX + CSSView component →
Inputs
Text input

Labeled text field with controlled input and helpful description.

TSX + CSSView component →
Inputs
Password field

Password visibility toggle with proper input type and labels.

TSX + CSSView component →
Inputs
Select field

Controlled select element with native keyboard interaction.

TSX + CSSView component →
Inputs
Checkbox

A controlled checkbox with a clickable descriptive label.

TSX + CSSView component →
Inputs
Radio group

Single-choice radios grouped by a fieldset and legend.

TSX + CSSView component →
Inputs
Textarea

Multiline input with a reactive character counter.

TSX + CSSView component →
Forms
Validated form

Real @zidomjs/forms validation, errors and submission.

TSX + CSSView component →
Navigation
Accessible tabs

Keyboard-friendly tabbed content using Zidom signals.

TSX + CSSView component →
Navigation
Responsive navbar

Desktop links and a toggleable mobile navigation.

TSX + CSSView component →
Navigation
Sidebar navigation

An active-section sidebar built with reusable navigation state.

TSX + CSSView component →
Navigation
Breadcrumbs

Semantic breadcrumb trail with current-page announcement.

TSX + CSSView component →
Layout
Content card

Composable content card with a clear call to action.

TSX + CSSView component →
Layout
Responsive grid

Responsive two/three-column layout with consistent spacing.

TSX + CSSView component →
Layout
Hero section

A landing-page hero with headline, description and CTA links.

TSX + CSSView component →
Layout
Footer

Responsive footer with grouped navigation and copyright.

TSX + CSSView component →
Feedback
Dismissible alert

A dismissible status notice with accessible text.

TSX + CSSView component →
Feedback
Empty state

Useful empty-state messaging and an actionable button.

TSX + CSSView component →
Data display
Badges

Status and category indicators with semantic text.

TSX + CSSView component →
Data display
Sortable table

Semantic table with an interactive sort control.

TSX + CSSView component →
Application recipes
Router setup

A real multi-file router starter with pages and a working iframe preview.

3 TSX filesView component →
BUILT DIFFERENTLY

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 ↗