Inspired by shadcn/ui, built for Rust fullstack apps. A component registry for Leptos — built with Tailwind CSS, copy-paste ready.

Rust/UI isn't a component library you install as a crate. It’s a collection of re-usable components that you copy and paste into your apps.

• Full Control: The code is yours. No black-box UI framework crates to fight against.
• Styling: Built with Tailwind CSS for easy customization.
• Framework: Designed specifically for the Leptos fullstack ecosystem.
• Type Safe: Leverages Rust's powerful type system for component props.

Rust/UI is backed by a set of purpose-built crates:

Starters

Visit rust-ui.com to browse components and get install commands.

1. Ensure you have the following installed:

   • Tailwind CSS
   • Cargo Leptos

   Install cargo-leptos:

   cargo install --locked cargo-leptos

2. Browse the registry, find a component (e.g., Button), and copy the source into your project's components/ directory.

use crate::components::ui::button::{Button, ButtonVariant};

#[component]
pub fn App() -> impl IntoView {
    view! {
        <Button variant=ButtonVariant::Outline on:click=move |_| {}>
            "Click Me"
        </Button>
    }
}

If you'd like to contribute or preview the registry locally:

Windows users: See README_WINDOWS.md for setup troubleshooting (Perl conflict, OpenSSL).

1. Clone the repo

   git clone [email protected]:rust-ui/ui.git rust-ui 
   cd rust-ui

2. Install JS dependencies (for Tailwind/Tooling)

   pnpm install

3. Install Rust dependencies (Leptos)

   cargo install --locked cargo-leptos

   Linker Optimization (Optional)

   Note for macOS Users: To use the faster lld linker, install it via Homebrew and ensure it's in your PATH, or configure your .cargo/config.toml to point to the absolute path.

   brew install lld

4. Run the dev server

   cargo leptos watch 

We love contributions! Whether it's a new component, a bug fix, or a CSS tweak.

• Fork the Project.
• Create your Feature Branch (git checkout -b feature/AmazingComponent).
• Commit your Changes (git commit -m 'Add some AmazingComponent').
• Push to the Branch (git push origin feature/AmazingComponent).
• Open a Pull Request.

Distributed under the MIT License. See LICENSE for more information. Crafted by Max Wells