A UI toolkit and component storybook framework for Leptos.
What is Holt?
Holt provides two things:
- Holt Kit - A UI component library implementing Shadcn/Radix-style components with behavior/presentation separation
- 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_fusefor 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.