Rust/UI — Dioxus

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

Early stage, experimental — expect breaking changes. Open to contributors.

Not affiliated with or endorsed by the Dioxus team. This is an independent personal project.

Why Rust/UI?

Rust/UI is not a component library you install as a crate. It is a collection of reusable components that you copy into your Dioxus applications.

• Full control: The code is yours.
• Styling: Built with Tailwind CSS v4.
• Framework: Designed for the Dioxus fullstack ecosystem.
• Type safe: Uses Rust's type system for component props.

Stack

Tool	Role
Dioxus 0.7	Fullstack Rust UI framework
Tailwind CSS v4	Styling
tw_merge	Tailwind class merging
icons	Lucide icons for Dioxus

Getting Started

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

Prerequisites

• Rust
• Node.js and pnpm for Tailwind tooling
• Dioxus CLI

Install the Dioxus CLI:

cargo install dioxus-cli

Use a component

Browse the registry, find a component, and copy its source into your project's components/ directory.

Development

Clone the repository, install JavaScript dependencies, then start Dioxus:

git clone https://github.com/rust-ui/dioxus-ui.git
cd dioxus-ui
pnpm install
dx serve

dx serve automatically starts the Tailwind watcher and generates assets/tailwind.css from the root tailwind.css file. No second CSS process needed.

Useful targets:

dx serve --web --fullstack
dx serve --platform desktop
dx serve --platform ios

Open http://127.0.0.1:8080.

Star History

License

MIT — see LICENSE.