[](https://s00d.github.io/tauri-plugin-widgets/)
[](https://www.npmjs.com/package/tauri-plugin-widgets-api)
[](https://crates.io/crates/tauri-plugin-widgets)
[](https://s00d.github.io/tauri-plugin-widgets/)
[](https://docs.rs/tauri-plugin-widgets)
[](https://github.com/s00d/tauri-plugin-widgets/blob/main/LICENSE)
[](https://github.com/s00d/tauri-plugin-widgets/releases)
[](https://github.com/s00d/tauri-plugin-widgets/releases)
[](https://github.com/s00d/tauri-plugin-widgets/issues)
[](https://github.com/s00d/tauri-plugin-widgets/stargazers)
[](https://www.donationalerts.com/r/s00d88)
<p align="center">
<img src="assets/readme-banner.jpg" alt="tauri-plugin-widgets — one JSON config, five native surfaces" width="100%" />
</p>
# Tauri Plugin Widgets
Native widgets for **Android**, **iOS**, **macOS**, **Windows**, and **Linux** from one declarative JSON configuration.
**Full documentation** (schema, platform setup, elements, showcase):
[https://s00d.github.io/tauri-plugin-widgets](https://s00d.github.io/tauri-plugin-widgets/)
> The complete config schema, platform setup guides, and element reference live on the documentation site — they are no longer maintained in this README.
## Install
```bash
# any package manager — or: cargo tauri add tauri-plugin-widgets
pnpm tauri add tauri-plugin-widgets
```
Manual alternative:
```toml
# src-tauri/Cargo.toml
[dependencies]
tauri-plugin-widgets = "0.4"
```
```bash
pnpm add tauri-plugin-widgets-api
```
## Example
```typescript
import { setWidgetConfig } from "tauri-plugin-widgets-api";
await setWidgetConfig(
{
small: {
type: "vstack",
padding: 12,
background: "#1a1a2e",
children: [
{ type: "text", content: "72°", fontSize: 36, fontWeight: "bold", color: "#fff" },
{ type: "progress", value: 0.7, tint: "#4CAF50", label: "Humidity" },
],
},
},
"group.com.example.myapp",
"weather",
);
```
Register the plugin with `tauri_plugin_widgets::init()` and add `widgets:default` to capabilities. Details: [Install](https://s00d.github.io/tauri-plugin-widgets/guide/install) · [First widget](https://s00d.github.io/tauri-plugin-widgets/guide/first-widget).
## Platform setup
| Android | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/android) |
| iOS | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/ios) |
| macOS | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/macos) |
| Windows | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/windows) |
| Linux | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/linux) |
| Desktop webview | [Setup](https://s00d.github.io/tauri-plugin-widgets/guide/setup/desktop) |
Quick scaffold: `npx tauri-plugin-widgets-api init-macos|init-ios|init-windows`.
## Contributing
Architecture, goldens, harnesses: [docs/contributing/development.md](docs/contributing/development.md).
## License
[MIT](LICENSE)