A modern, intuitive desktop application for creating and editing UML diagrams with real-time rendering. Built using Tauri and React TypeScript, it combines native performance with a beautiful, modern UI powered by shadcn/ui components.
- 🚀 Real-time UML diagram rendering and preview
- 💻 Desktop-native performance with Tauri
- 🎨 Modern UI with shadcn/ui components
- 🌐 Cross-platform support (macOS, Windows, Linux)
- 📝 Code-based UML editing with syntax highlighting
- 🔄 Live preview updates
- 💾 Local project management and storage
- 🎯 Zoom and pan controls for diagram viewing
- 🌙 Light/Dark theme support
Before you begin, ensure you have the following installed:
- Node.js (Latest LTS version recommended)
- pnpm (Package manager)
- Rust (for Tauri development)
- System dependencies for Tauri (see Tauri prerequisites)
- Clone the repository:
git clone https://github.com/hudy9x/uml.git
cd uml- Install dependencies:
pnpm install- Start development server:
pnpm tauri:devpnpm dev- Start Vite development serverpnpm build- Build the application (TypeScript compilation + Vite build)pnpm preview- Preview the built applicationpnpm tauri- Run Tauri commandspnpm tauri:dev- Start Tauri development environment
To create a production build:
pnpm buildThis will generate platform-specific binaries in the src-tauri/target/release directory.
- Tauri - Desktop application framework
- React - UI framework
- TypeScript - Type-safe JavaScript
- Vite - Build tool and development server
- shadcn/ui - UI component library
- Tailwind CSS - Utility-first CSS framework
- CodeMirror - Code editor component
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.