Skip to main content

A UI toolkit and component storybook framework for Leptos.

What is Holt?

Holt provides two things:

  1. Holt Kit - A UI component library implementing Shadcn/Radix-style components with behavior/presentation separation
  2. Holt Book - A storybook framework for developing and showcasing your Leptos components

Quick Start

Run a Storybook

# Install the CLI
cargo install holt

# Initialize in your Leptos project
holt init

# Start the dev server
holt serve

Use Components

cargo add holt-kit
use holt_kit::prelude::*;
use leptos::prelude::*;

#[component]
fn App() -> impl IntoView {
view! {
<Button variant=ButtonVariant::Primary>
"Click me"
</Button>
}
}

Features

  • Behavior/Presentation Separation - Core behaviors are decoupled from styling, letting you customize the look while keeping consistent interactions
  • Tailwind CSS - Built with tailwind_fuse for composable, type-safe styling
  • Leptos 0.8+ - Modern reactive Rust framework for the web
  • Shadcn/Radix Patterns - Familiar component APIs inspired by the JavaScript ecosystem
  • Component Storybook - Develop and document components in isolation

Documentation

Tutorials

Step-by-step guides for getting started. Build your first storybook and learn the fundamentals.

How-to Guides

Practical recipes for common tasks like customizing styles and setting up dark mode.

Explanation

Background and context about Holt's design decisions and architecture.

Reference

Technical documentation for the CLI and story macro API.