D.
Dutchy
27 Components

Component
Library.

Building blocks for bold interfaces. All components feature zero border radius, strong borders, and the distinctive Dutchy aesthetic.

27

Components

8

Categories

Interactive

Accordion

Collapsible content sections for organizing information.

Feedback

Alerts

Contextual feedback messages for user actions and system states.

Display

Badges & Tags

Small status indicators and categorization labels for content organization.

Navigation

Breadcrumbs

Hierarchical navigation paths showing the current page location.

UI

Buttons

Call-to-action elements with multiple variants for different purposes and emphasis levels.

Layout

Cards

Content containers with various styles for different contexts and content types.

Display

Data Table

Sortable, filterable tables for displaying structured data.

Interactive

Dropdowns

Expandable menus for navigation and action selection.

Feedback

Empty State

Placeholder content for empty views with helpful actions.

Input

File Upload

Drag-and-drop file upload zones with preview support.

Layout

Flex

Flexible box layout component for arranging items with direction, alignment, gap, and wrapping.

Input

Forms

Form wrapper with consistent spacing, plus input elements for collecting user data.

Display

Image

Responsive images with captions, expand-to-fullscreen lightbox, gallery grids, and overlay text.

Interactive

Menu

Action lists and context menus with icons, keyboard shortcuts, and destructive variants.

Overlay

Modal / Drawer

Overlay panels for focused content, forms, and confirmations.

Navigation

Pagination

Navigation controls for multi-page content with various styles.

Feedback

Progress

Determinate progress bars with sizes, color variants, labels, and custom max values.

Input

Scribble

Canvas-based drawing pad for signatures and freehand sketches with export support.

Feedback

Skeleton

Loading placeholder animations that mimic content layout.

Feedback

Spinner

Square spinning loading indicator that inherits parent text color.

Display

Stats

Statistical displays and metric cards for dashboards and overviews.

Navigation

Stepper

Multi-step progress indicators for forms and workflows.

Interactive

Tabs

Tabbed navigation with optional scrollable overflow and closable tabs.

Display

Text

Composable typography component with family, size, weight, tracking, leading, and color props.

Input

Textarea

Multi-line text input with resize control, character counting, and validation states.

Feedback

Toast Notifications

Temporary notification messages for user feedback and alerts.

Display

Tooltips

Contextual information popups triggered on hover.