From hafley
Dioxus component ecosystem -- charts, tables, data grids, UI libraries, icons, forms, modals, theming, virtual scrolling. Ecosystem maturity vs egui. Trigger on dioxus charts, dioxus table, dioxus components, dioxus ui library, dioxus icons, dioxus ecosystem, dioxus crates, dioxus widgets.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hafley:dioxus-ecosystemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
The Dioxus component ecosystem for native desktop apps: charts, tables, UI component libraries, and ecosystem maturity assessment as of March 2026. Current stable: v0.7.3 (Jan 2026).
The Dioxus component ecosystem for native desktop apps: charts, tables, UI component libraries, and ecosystem maturity assessment as of March 2026. Current stable: v0.7.3 (Jan 2026).
plotters crate as a Dioxus componentdangerous_inner_htmleval in desktop mode -- most practical path for complex charting since Dioxus desktop runs on WebView anywayCharting is thin. dioxus-charts covers basics. For anything beyond bar/line/pie: render plotters to SVG and embed, or use JS chart libs through the WebView.
| Crate | Downloads | Status | Features |
|---|---|---|---|
| dioxus-tabular | 400 (218 recent) | Active (Nov 2025), v0.3.0 | Multi-column sort, per-column filter, column reorder/hide, data export. Type-safe column-as-component pattern. ~2800 LOC. 11 stars. MIT/Apache-2.0. |
| table-rs | 1,814 | Active (Mar 2026), v0.0.5 | Multi-framework (Yew/Dioxus/Leptos). Sort, pagination, search with URL sync. 21 stars. Has JS interop (207 lines JS). |
| dioxus-sortable | 5,539 | Stale (Nov 2023) | Generic sortable tables, PartialOrdBy trait. Stuck on pre-0.6 Dioxus. LGPL-3.0. 28 stars. |
| dioxus-table | 3,060 | Abandoned (May 2022) | Derive-macro table, 96 LOC. Not compatible with modern Dioxus. |
| Crate | Downloads | Status | Description |
|---|---|---|---|
| dioxus-nox-virtualize | 35 | Brand new (Mar 2026) | Virtual list viewport math, part of dioxus-nox monorepo (20+ crates). Zero community adoption yet. |
| dioxus-lazy | 2,389 | Stale (Oct 2024) | Alpha-only releases, not viable. |
| dioxus-virtual-scroll | unpublished | Experimental (Feb 2026) | Unpublished GitHub repo, not usable. |
dioxus-tabular is the only option with sound architecture and active maintenance. Covers sorting/filtering/visibility but no virtualization, cell editing, or column resizing. table-rs adds pagination and search but has JS deps and targets three frameworks generically. Building a data-heavy grid requires substantial custom work on top of these primitives. Compose dioxus-tabular + custom virtual scroll for large datasets.
| Crate | Stars | Downloads | Purpose |
|---|---|---|---|
| dioxus-free-icons | 185 | 103k | SVG icon sets |
| lucide-dioxus | -- | 29k | Lucide icon port |
| dioxus-charts | 89 | 14.5k | Bar/line/pie charts |
| dioxus-material | 25 | -- | Material Design 3 |
| dioxus-spring | 21 | -- | Animation framework |
| dioxus-i18n | 58 | 30k | Internationalization |
| dioxus-radio | 75 | -- | Global state with topic subscriptions |
| dioxus-helmet | 24 | -- | Document head management |
| dioxus-clipboard | 8 | -- | Clipboard access |
dioxus-primitives v0.0.0 (placeholder version)dx components add| Crate | Downloads | What |
|---|---|---|
| adui-dioxus | 115 | Ant Design 6.0 port -- massive component set (Button, Form, Table, Modal, Drawer, DatePicker, TreeSelect, Upload, Carousel, Steps). 26 stars, Dec 2025. Web-only (wasm32). Form with validation rules. |
| dioxus-bootstrap | 6,840 | Bootstrap components |
| dioxus-tw-components | 9,504 | Tailwind-based components |
| lumen-blocks | 557 | shadcn-inspired, built on dioxus-primitives |
| shadcn-rust | 6,733 | shadcn-style CLI for Rust frameworks |
~24 crates, all very fresh (Mar 2026). Modal, Drawer, Toast, Command Palette (cmdk), Select/Combobox, Tabs, Tag Input, Timer, Toggle Group, Inline Confirm, Master-Detail layout, Shell layout, Markdown editor, Password Strength, Virtualize, DnD. All ARIA-accessible, unstyled, composable. v0.13.x. Note: AI-generated learning project by author's own admission. Near-zero downloads (13-47 per crate). Not production-ready.
| Library | Form State | Dirty/Touched | Validation | Schema-based | Downloads |
|---|---|---|---|---|---|
| dioxus-forms (NEW, Dec 2025) | use_form hooks | Yes | Sync + Async | No | 51 |
| vld + vld-dioxus (NEW, Mar 2026) | N/A (validation only) | N/A | Yes | Yes (Zod-like) | 29 |
| dioxus-form | Serde serialization | No | No | No | 4,374 |
| adui-dioxus Form | Form/FormItem | Unclear | Rule-based | No | 115 |
| Dioxus 0.7 built-in | Signals (manual) | No | No | No | N/A |
dioxus-forms (github.com/ap-1/dioxus-forms) is the closest to React Hook Form: use_form() / use_form_field() / use_field_bind() hooks, dirty tracking, touched tracking, sync+async field-level validation, dynamic field arrays, conditional error display. Brand new, single release.
vld + vld-dioxus (github.com/s00d/vld) is the first real Zod-for-Rust: schema! macro, string/collection validators, composable (optional, nullable, default, refine, transform), union types, recursive schemas, JSON Schema/OpenAPI generation. vld-dioxus adds validate_args! for server functions, check_field() for reactive UI validation. Shared client/server validation rules.
Gap: No single library combines form state management (dioxus-forms) with schema validation (vld). A dioxus-forms + vld composition would be the closest analog to React Hook Form + Zod.
Well-covered: dioxus-free-icons (103k dl), lucide-dioxus (29k), dxc-icons (1.9k), freya-icons (667).
dx components addNo single react-use or VueUse equivalent exists. The ecosystem is scattered across micro-crates of varying maintenance quality.
| Crate | What | Status |
|---|---|---|
| dioxus-sdk (official, DioxusLabs/sdk) | use_channel, use_interval, use_persistent, use_geolocation, clipboard, notifications | Active. Platform-aware (desktop clipboard needs x11 on Linux). Covers platform APIs, not DOM utility hooks. |
| dioxus-hooks-plus | use_hover(), use_session_storage() | Community, MPL-2.0 |
| Hook need | Crate | Notes |
|---|---|---|
| window size | dioxus-use-window | use_window_size(), 0.7 compat |
| clipboard | dioxus-use-clipboard | dioxus-community org |
| localStorage | dioxus-use-storage | Also dioxus-local-storage, dioxus_storage (three competing crates) |
| resize observer | dioxus-resize-observer | dioxus-community |
| cursor position | dioxus-use-cursor | |
| dialog/modal | dioxus-use-dialog | |
| JS interop | dioxus-use-js | Macro for binding JS functions with compile-time type checking |
| websocket | dioxus-websocket-hooks |
use_debounce / use_throttle -- use coroutine with timer drain loopuse_intersection_observer -- web_sys::IntersectionObserver + Closure::forgetuse_media_query -- web_sys::matchMedia + event listeneruse_click_outsideuse_previoususe_idle / use_onlineuse_scroll_positionuse_element_size (resize observer crate exists, unclear maintenance)use_key_press (global)The universal escape hatch for missing hooks: web_sys call -> Closure::wrap -> .forget() -> write into Signal. See dioxus-dom-patterns skill for implementations of intersection observer, resize observer, media query, localStorage sync, debounce, throttle, and global key listeners.
For projects depending on many DOM hooks, hand-rolling from web_sys is more reliable than pulling 6+ micro-crates of varying Dioxus version compatibility.
| Repo | Stars | Stack | Features |
|---|---|---|---|
| dxps/fullstack-rust-axum-dioxus-rwa | 116 | Dioxus + Axum + PostgreSQL | RealWorld spec. Full auth, CRUD, REST API. Most complete fullstack example. |
| rabbit19981023/dioxus-todo-fullstack | 54 | Dioxus + Tailwind + SQLx + PostgreSQL | Fullstack todo with migrations. Workspace: api/, web/, shared/. |
| ModPhoenix/realworld-dioxus-app | 5 | Dioxus + trunk | JWT auth, article CRUD, user profiles, comments, pagination, following. |
| pascalbehmenburg/actix-dioxus-starter-template | 1 | Shuttle + Actix + PostgreSQL + Dioxus | Session storage, identity middleware, ACL, migrations. WIP. |
| Repo | Stars | Stack | Features |
|---|---|---|---|
| cody-why/r-dashboard | 30 | Trunk + Tailwind | WASM admin panel UI. Dark mode, responsive. |
| zhi-gang/dioxus-daisyui-admin-portal | 3 | Dioxus + Tailwind + DaisyUI + Chart.js | Web + desktop. Educational. |
| Repo | Stars | Stack | Features |
|---|---|---|---|
| DioxusLabs/dioxus-template | 68 | Official | Multi-platform sub-templates (web, desktop, fullstack, liveview). dx new generates from this. |
| mrxiaozhuox/dioxus-starter | 42 | Dioxus + Tailwind + Fermi | Router, dark/light toggle, toasts, markdown, FontAwesome, localStorage. Live demo. Install: dx create --template=gh:mrxiaozhuox/dioxus-starter |
| LyonSyonII/dioxus-tailwindcss | 43 | Dioxus + Tailwind CLI | Web + Desktop. Stale (Oct 2023). CC0 license. |
DioxusLabs/example-projects (526 stars, archived Sep 2024) moved into the main dioxus repo. Contains: TodoMVC (web/desktop/iOS), File Explorer, E-Commerce (LiveView), WiFi Scanner, Weather App, Dog App.
No kitchen-sink admin starter combining charts + tables + auth + routing + dark mode + responsive in one repo. The fullstack-axum-rwa (116 stars) is the most "real app" with auth and routing wired together. r-dashboard is closest to an admin panel. For a Chrome extension or Dioxus desktop devtool, mrxiaozhuox/dioxus-starter has the most transferable patterns (routing, dark mode, localStorage).
| Category | Dioxus | egui |
|---|---|---|
| Charts | dioxus-charts (3 types, 14k dl) | egui_plot (5.7M dl, built-in, rich) |
| Tables | Fragmented, ~5 crates, <6k dl each | egui_table (709k dl, integrated) |
| Virtual scroll | Nothing production-ready | Built into scroll areas |
| Icons | 103k dl, strong | Fewer options |
| Forms | dioxus-forms (51 dl, new), vld (29 dl, new) | Immediate-mode, built-in |
| Theming | Multiple CSS framework bindings | Built-in style system |
| Primitives | DioxusLabs/components (280 stars, 28 components) | Built-in |
| Metric | Dioxus | egui |
|---|---|---|
| GitHub stars | 35.3k | 28.4k |
| Crate downloads (core) | 1.21M | ~70M+ |
| Used by (GitHub) | 3.9k | ~15k+ |
Dioxus has higher star count but much lower actual usage.
npx claudepluginhub hafley66/claude-research --plugin hafleyGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.