D.
Dutchy
UI Library

Components

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

Buttons

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

Variants

Sizes

With Icons

Forms

Input elements for collecting user data. All inputs feature the sharp-edged Dutchy aesthetic.

Text Inputs

We'll never share your email.

Search

Select & Textarea

Checkboxes & Radios

Complete Form Example

Cards

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

Basic Card

A simple card with border. Perfect for containing any content with clear boundaries.

Learn more

Feature Card

Highlight key features with an icon and accent border.

Dark Card

Inverted colors for emphasis and visual variety in layouts.

Explore

50+

Components

Interactive

Clickable Card

Entire card is interactive with hover effects.

Get Started

Ready to build something bold?

Badges & Tags

Small labels for status, categories, and metadata.

Primary Dark Secondary Muted Destructive Success Outline

Alerts

Contextual feedback messages for user actions and system states.

Information

This is an informational message to guide users.

Success

Your changes have been saved successfully.

Warning

Please review your input before proceeding.

Error

Something went wrong. Please try again.