#tailwind #leptos #clx #ui #css

leptos_ui

Build modular UI components in just 1 line. Tailored for the Leptos framework.

7 releases

Uses new Rust 2024

0.1.6 Mar 20, 2025
0.1.5 Mar 15, 2025

#666 in HTTP server

Download history 92/week @ 2025-02-26 42/week @ 2025-03-05 394/week @ 2025-03-12 120/week @ 2025-03-19

648 downloads per month

MIT license

15KB
125 lines

Leptos UI

A utility crate for creating UI components in Leptos with Tailwind CSS class merging support. Built on of tw_merge.

Features

  • clx! macro for creating components with merged Tailwind classes

Usage

Basic Component with clx!

// components/ui/card.rs
use leptos::prelude::*;
use leptos_ui::clx;

mod components {
    use super::*;
    clx! {Card, div, "rounded-lg p-4", "bg-sky-500"} // 🩵
}

pub use components::*;

// components/demos/demo_card.rs
#[component]
pub fn DemoCard() -> impl IntoView {
    view! {
        <Card>"Card bg-sky-500 🩵"</Card>
        <Card class="bg-orange-500">"Card bg-orange-500 🧡"</Card>
    }
}

Installation

Add this to your Cargo.toml:

[dependencies]
leptos_ui = "0.1"

License

MIT

Dependencies

~23–35MB
~558K SLoC