Gradients
Visual Gradient Builder: Master Linear, Radial & Sweep Gradients in Flutter
Learn how to build stunning multi-stop linear, radial, and sweep gradients visually. Copy clean BoxDecoration Dart code directly into your Flutter project.
Shadows
Visual Shadow Generator: Create Soft, Layered Elevation Shadows in Flutter
Master shadow configuration in Flutter. Visually build, layer, and customize soft shadows with copy-paste BoxDecoration and elevation Dart code.
Blobs
Organic Blob Generator: Design Fluid Vector Shapes for Modern Flutter UIs
Learn how to generate and implement smooth, fluid vector blobs. Code walk-throughs for rendering blobs using ClipPath and CustomPainter in Flutter.
New
Keyboard Arena
Typing practice that plays like a game
Real-time WPM tests, mechanical switch audio, A-Z finger drills and 40+ structured lessons. Race a ghost of your best run instead of grinding random words.
- ✓ Live WPM & Accuracy
- ✓ Mechanical Switch Audio
- ✓ 40+ Guided Lessons
Explore Project
Waves
Wave Generator: Crafting Smooth Liquid Transitions and Custom Headers in Flutter
Design dynamic liquid waves, page dividers, and headers. Step-by-step tutorial on generating and stacking waves in Flutter custom paint layout.
SVG Import
SVG Path Importer: Instantly Convert Scalable Vector Graphics to Dart Code
Convert any SVG vector file or path markup into clean, native Flutter Path drawing instructions. No external asset bundles or heavy dependencies required.
Drawing Tools
Visual Shape Drawing Tools: Rectangles, Circles & Polygons in Flutter
Create rectangles with rounded corners, perfect circles, and multi-sided polygons using intuitive drag-to-draw tools.
For Flutter Devs
Flutter Log Explorer
Finally, Flutter logs you can read
Zero-config, real-time log capture from the Debug Adapter and Dart VM Service, with smart classification, filters and deduplication — all inside VS Code.
- ✓ Zero-Config Capture
- ✓ Smart Filters & Search
- ✓ Noise-Free Deduplication
Explore Project
Pen Tool
Flutter Bezier Curves Guide: quadraticBezierTo, cubicTo & Charts (with Code)
Master Flutter Bezier curves. Complete guide to path.quadraticBezierTo, path.cubicTo, smooth bezier line charts, and CustomPainter vector paths with copy-ready Dart code.
Code Export
Flutter Dart Code Generation: From Visual Design to Production Code
Generate production-ready CustomPainter, StatelessWidget, and full runnable app code from your visual designs.
Boolean Ops
Boolean Operations: Unite, Subtract, Intersect & Exclude Shapes
Combine shapes like a pro. Merge, cut, intersect, and exclude Flutter shapes to create complex compositions.
SVG Export
SVG Export: Convert Flutter Shapes to Scalable Vector Graphics
Export your designs as standard-compliant SVG files for web projects, design tools, and documentation.
Layers
Layer Management: Organize Complex Flutter Shape Compositions
Master z-ordering, multi-selection, shape locking, and renaming to keep complex designs organized.
Code Preview
Real-Time Code Preview: See Your Flutter CustomPainter Code Instantly
Watch your Dart code update live as you draw. Syntax-highlighted preview with copy-to-clipboard and validation.
Productivity
Keyboard Shortcuts & Canvas Controls for Faster Flutter Shape Design
Boost your productivity with keyboard shortcuts, zoom controls, grid alignment, and Figma-style pan navigation.