Kitchen Sink

Every husk component on one page. This is a realistic sample — a project dashboard built entirely with semantic HTML and husk.

husk

Published v0.1.0

Actions

Overview

Bundle size

6.0 KB

gzipped CSS + JS
Components

18

zero classes needed
Dependencies

0

pure CSS + optional JS
Pro tip

Override --husk-accent on :root to change the primary color across all components.

Build passed

All 18 components compiled. CSS: 6.0 KB gzipped. JS: 1.4 KB gzipped.

Settings

Options

Team

Name Role Status Last active
Aryan Kumar Owner Active Just now
Sarah Chen Editor Active 2 min ago
Mike Ross Viewer Offline 3 days ago
Priya Sharma Editor Away 1 hour ago

Storage

FAQ

What is husk?

A CSS library that styles HTML elements directly. No classes, no framework.

Do I need JavaScript?

No. CSS handles everything. JS is optional — only for toasts and dialog wiring.

How do I customize it?

Override --husk-* CSS custom properties on :root.

What about dark mode?

It respects prefers-color-scheme automatically. Zero config.

Buttons

Badges

Default Published Draft Archived New v0.1.0

Tooltips

Hint text

Toasts

Loading states

 

 

 

Typography

Body text with links, bold, italic, inline code, and Ctrl + S keyboard shortcuts.

The best CSS framework is the one you don't notice.

Everyone who's been burned by CSS
function deploy(app) {
  return fetch('/api/deploy', {
    method: 'POST',
    body: JSON.stringify({ app }),
  });
}

Deploy to production?

This will push your changes live immediately. This action cannot be undone.