Rust/UI

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

Why Rust/UI?

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.

Star History

Ecosystem

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

Starters

Getting Started

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

Quick Start

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>
    }
}

Development

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 git@github.com: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 

Contribution

See CONTRIBUTING.md.

Contributors

License

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