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.

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:

[dependencies]
wonopui = { version = "0.0.2", features = ["everything"] }

Then initialise Tailwind CSS:

npx tailwindcss init

Add the following to your tailwind.config.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:

<link data-trunk rel="tailwind-css" href="tailwind.css" />