# Wonop UI - Tailwind components for YEW (BETA)
Wonop UI is a parameterized UI framework that leverages Tailwind CSS for use with the Yew framework in Rust. It provides a set of customizable components and utilities to streamline the development of web applications using Yew.
You can find more information in the [documentation](https://docs.wonopui.com/).
## Features
- Seamless integration with Yew framework
- Utilizes Tailwind CSS for rapid and flexible styling
- Parameterized components for easy customization
- Responsive design out of the box
- Feature flags for each component to minimize bundle size
## Installation
To use Wonop UI in your Yew project, add the following to your `Cargo.toml`:
```toml
[dependencies]
wonopui = { version = "0.0.2", features = ["everything"] }
```
Then initialise Tailwind CSS:
```bash
npx tailwindcss init
```
Add the following to your `tailwind.config.js`:
```js
module.exports = {
content: [
"./src/**/*.rs",
"./target/wonopui.json",
"./target/tailwindcss.txt",
"./target/**/wonopui.json",
"./target/**tailwindcss.txt"
],
theme: {
extend: {},
},
plugins: [],
};
```
Add the following to your `index.html`:
```html
<link data-trunk rel="tailwind-css" href="tailwind.css" />
```