High-Performance Graphic Design Directly in Your Browser

Create branded, vector-sharp QR codes ready for marketing flyers, posters, business cards, and print campaigns. Styled directly inside Canvallo Studio with real-time SVG updates.

• 3 Module Styles: Sleek ▢ Rounded squircles, high-contrast ■ Square dot matrix, or playful ● Dots.
• Gradient Transitions: Monochromatic single-color or smooth 2-color linear gradients (0° Vertical, 45° Diagonal, 90° Horizontal, 135° Cross).
• Center Logo Shield with 30% ECC: Automatically activates High Error Correction (ECC Level 'H', 30% recovery) and renders a circular or squircle shield around brand logos (Webcross, Academy, Canvallo, or custom uploads).
• Standalone SVG Vector Download: Export generated QR codes independently or integrate seamlessly onto the multi-layer artboard.

A curated collection of over 40 production-grade vector shapes and badges, organized into 7 distinct categories with four instant style modes.

• 7 Categories: Stars & Bursts (sparkles, rosettes), Badges & Shields (trust seals, certified ribbons), Geometric Polygons (hexagons, diamonds), Outlines & Knockouts, Directional Arrows, Symbols & Accents (hearts, speech bubbles), and Separator Waves.
• 4 Instant Style Modes: Filled (vibrant solid or linear gradient), Outlines (hollow line-art), Badges (sticker border with drop shadow), and Neon (cyberpunk glow).
• Normalized SVG ViewBox: All shapes use 0 0 100 100 SVG coordinate matrices, scaling crisply without pixelation in live canvas, 300 DPI PNG, and SVG exports.

Manage complex multi-layer compositions with semantic folder cards that occupy their exact z-depth position in the layer stack.

• First-Class Folder Cards: Features glowing folder icon, cyan GROUP badge, editable group title, item count badge (e.g. 2 items), collapse/expand chevron (▼), visibility toggle (👁), lock toggle (🔒), and dedicated 1-click ungroup (⎘).
• Visual Hierarchy Tree Lines: Nested member layers are indented with vertical trunk guide lines and L-branch connector stems.
• Cohesive Canvas Selection & Movement: Clicking a group selects all members synchronously with a unified multi-selection bounding box; drag to translate all members simultaneously.
• Deep Child Selection: Hold Alt while clicking on canvas or double-click to select individual child elements without dissolving the parent group.

Professional typography controls featuring 8 curated one-click aesthetic presets, live SVG Bezier text warping, and real-time kinetic CSS keyframe motion.

• 8 Pro 1-Click Presets: Neon, Gold Foil, 3D Pop, Vaporwave, Outline Knockout, Cyber Glitch, Fire Blaze, and Chrome Reflection with active check badge and 1-click toggle-off.
• 9 Kinetic Motion Modes: zoom-pulse, pan-marquee, wave-bounce, shimmer, glitch, typewriter, neon-flicker, float-bounce, breathe with live studio pause/play toggle (🟢 Anim: ON / ⏸️ Anim: OFF).
• SVG Bezier Text Warping: Arc, Wave, Arch, and Skew curvature paths rendered distortion-free using live SVG <textPath> elements.
• Context-Aware Aa Transform: Selecting text automatically changes the dimension row to Aa Size and Width for instant font adjustments with proportional corner handle scaling.

Effortlessly select, group, duplicate, nudge, and transform multiple layers on canvas or in the Layers stack.

• Canvas & Sidebar Multi-Selection: Hold Shift or Ctrl while clicking layers on canvas or rows in the Layers panel to toggle selection membership.
• Background Marquee Box Drag: Click and drag on empty canvas space to draw a rubberband selection marquee over any cluster of layers.
• Collective Operations: Translate, duplicate (Ctrl+D), delete (Del), or nudge (Arrow keys / Shift+Arrow for 10px) all selected layers simultaneously with single-action undo/redo history.

Non-destructive geometric framing and intelligent color tolerance background removal.

• 7 Cutout Shapes: Circle, Oval, Rounded Corner, Squircle, Hexagon, Diamond, and Star with accent border frame rings.
• Contiguous Color Tolerance Eraser: Erases connected white, black, or custom picked background sections while protecting shapes and letters inside graphics.
• Feather Smoothing: Eliminates jagged pixel fringes and white halos around masked subjects.

Seamlessly bridge the gap between in-browser vector graphics and professional creative desktop pipelines with native multi-format output.

• Layered Adobe Photoshop (.PSD): Generates an authentic binary Photoshop document separating each headline, shape, vector path, graphic, and background onto its own isolated layer. 100% compatible with Adobe Photoshop, Photopea, Affinity Photo, and Figma.
• Flattened PNG (300 DPI): High-resolution rasterization rendering all text, gradients, shadows, and masks at crisp print-ready sharpness.
• Animated SVG Vector: Standalone resolution-independent SVG preserving live CSS/SMIL keyframe animations, curved text paths, letter-spacing, and geometric masks.
• Save .imgai Project: Self-contained backup preserving complete document layers, groups, history, and asset bindings.