cradiy / rovar

# Rovar
English | 简体中文
A design editor built with Rust and GPUI, available on desktop and the Web. Create editable interfaces by hand or with an AI agent in the desktop editor.
Supports artboards, vectors, text, images, audio and video, auto layout, reusable components, interactive prototypes, multi-page documents, and PNG/SVG export. Use it locally or connect to a server with personal and team workspaces. Available in English and Simplified Chinese.
I want to build a beautiful, cross-platform UI design tool that is easy for AI agents to operate, while using the project's real-world needs to improve and extend the GPUI framework.
## Features
- **AI-assisted design** — use an AI agent with the `rovar-design` skill to create editable interfaces, refine selected elements and layouts, import assets, and configure prototype interactions, with visual checks and undo support.
- **Canvas editing** — artboards, layers, multi-page documents, vector shapes, Bézier paths, and text.
- **Auto layout** — horizontal and vertical layouts, wrapping, alignment, padding, gaps, fixed/hug/fill sizing, and minimum/maximum dimensions.
- **Grid layouts** — fixed or equal column widths, row and column gaps, automatic placement, and row/column spans.
- **Responsive layouts** — edge, center, stretch, and scale constraints, plus frame size presets for phones, tablets, desktop screens, and more.
- **Precision tools** — snapping, distance measurements, equal spacing, multi-selection resizing, repeated duplication, and on-canvas corner editing.
- **Colors and gradients** — document color styles, color libraries, linear, radial, angular, and diamond gradients, plus four-point fills with draggable color sources.
- **Reusable components** — component libraries, instances, overrides, and updates.
- **Boolean operations** — union, subtract top layers, intersection, and exclusion for closed shapes and Bézier paths. Operands remain editable and can be released; combinations use the bottom layer's appearance and support PNG/SVG export.
- **Vector masks** — use the bottom closed shape or Boolean group to clip selected artwork. Edit the mask and content independently, nest or release mask groups, and export to PNG/SVG.
- **Layer blending** — Normal, Multiply, Screen, Overlay, Darken, and Lighten modes with independent layer opacity. Apply opacity to whole groups and preserve blending in PNG/SVG exports.
- **Component variants** — named versions in component sets, edited on canvas with the property panel, and instance switching that preserves matching overrides.
- **Shadows** — stacked outer and inner shadows for frames, shapes, images, and text, with offset, blur, spread, color, opacity, and PNG/SVG export.
- **Layer blur** — adjustable blur for shapes, images, and text, including shadows, with PNG/SVG export.
- **Contour glow** — colored light around frame, shape, text, and image outlines, including holes, with adjustable radius, edge width, intensity, and alpha threshold. PNG follows t