Dioxus Templates Hub

Pre-configured Dioxus templates with Tailwind CSS and LLM prompts for AI-assisted development.

🚀 Quick Start

1. Create a new repo from any template below
2. Copy the Jules environment setup script to your repo
3. Start coding with dx serve

---

📦 Templates

Web (WASM Browser Apps)

Template	Use Case	Create
dioxus-web-jumpstart	Most web projects - routing, pages, styling included	Use Template
dioxus-web-barebones	Minimal starter, learning, small experiments	Use Template
dioxus-web-workspace	Large apps with shared component libraries	Use Template

Ideas: AI prompt library, code snippet manager, API playground, design token editor, regex tester

---

Desktop (Native Apps)

Template	Use Case	Create
dioxus-desktop-jumpstart	Most desktop projects - full-featured native apps	Use Template
dioxus-desktop-barebones	System tray apps, minimal utilities	Use Template
dioxus-desktop-workspace	Large apps with plugin architecture	Use Template

Ideas: Local LLM chat interface, git repo manager, dotfiles manager, clipboard history, log viewer

---

Fullstack (Server + Client)

Template	Use Case	Create
dioxus-fullstack-jumpstart	Apps needing backend - auth, databases, APIs	Use Template
dioxus-fullstack-barebones	Custom server structure	Use Template
dioxus-fullstack-workspace	Large fullstack with shared types	Use Template

Ideas: Personal CRM, waitlist page, webhook relay, short links, feature flags, uptime monitor

---

Mobile (iOS/Android)

Template	Use Case	Create
dioxus-mobile-jumpstart	Most mobile projects	Use Template
dioxus-mobile-barebones	Minimal mobile experiments	Use Template
dioxus-mobile-workspace	Cross-platform shared code	Use Template

Ideas: Voice memo transcriber, workout logger, receipt scanner, grocery list, quick capture

---

🤖 Jules Environment Setup

Copy this script when using Jules to work on your Dioxus repos:

#!/bin/bash
# Jules Environment Setup for Dioxus Apps

rustup target add wasm32-unknown-unknown
cargo install dioxus-cli
npm install -g @tailwindcss/cli

# Verify
dx --version

---

📋 Template Selection Guide

Sub-template	When to Use
Jumpstart	Most projects - includes routing, sample pages, styling
Bare-Bones	Learning, minimal experiments, quick utilities
Workspace	Large apps needing shared libraries between crates

Platform	When to Use
Web	Browser apps - SPAs, dashboards, tools
Desktop	Native apps needing file system, system tray, local resources
Fullstack	Apps needing database, auth, server-side logic
Mobile	iOS/Android apps (requires Xcode/Android SDK)

---

🛠️ All Templates Include

• ✅ Tailwind CSS pre-configured
• ✅ Dioxus Router
• ✅ LLM prompts (AGENTS.md) for AI coding assistants
• ✅ Git initialized

---

Made with 🦀 Rust + Dioxus