jsoncanvasviewer 0.1.0 copy "jsoncanvasviewer: ^0.1.0" to clipboard
jsoncanvasviewer: ^0.1.0 copied to clipboard

A Flutter package for creating, editing and rendering interactive JSON-based canvas layouts with drag-and-drop support and real-time visual editing.

Changelog #

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

0.1.0 - 2025-01-14 #

Added #

  • Initial release of JSON Canvas Viewer package
  • JsonCanvasViewer widget for rendering interactive JSON-based canvas layouts
  • Full editor application with JsonEditorWidget and CanvasViewerWidget
  • HomePage widget providing complete editor-viewer integration
  • Support for multiple element types:
    • Rectangle with gradients, borders, and rounded corners
    • Text with Google Fonts, rich text spans, and advanced styling
    • Images with filters, blur effects, and various fit modes
    • Circles with customizable borders
    • Icons from Material Design icon set
    • Gradients (linear and radial)
    • Lines with customizable thickness
  • Interactive features:
    • Drag and drop elements with visual feedback
    • Resize elements with corner handles
    • Real-time JSON synchronization between editor and canvas
    • Debounced JSON validation
  • Advanced rendering features:
    • Automatic scaling based on design dimensions
    • Z-index support for element layering
    • Rotation support for all element types
    • Opacity control
    • Centering and alignment options
  • Comprehensive theming with EditorTheme and AppColors
  • Platform support: Web, iOS, Android
  • Extensive documentation in /docs directory

Features #

  • JSON-based declarative canvas system
  • Real-time visual editor with syntax highlighting
  • Responsive and scalable layouts
  • Google Fonts integration
  • Image filters (Paris, Vintage, Classic)
  • Touch-friendly drag interactions
  • Type-safe color parsing
  • Flexible positioning system (absolute, center, custom)
3
likes
160
points
52
downloads

Publisher

verified publisherappconty.com

Weekly Downloads

A Flutter package for creating, editing and rendering interactive JSON-based canvas layouts with drag-and-drop support and real-time visual editing.

Repository (GitHub)
View/report issues

Topics

#canvas #json #editor #drag-and-drop #design-tool

Documentation

Documentation
API reference

License

MIT (license)

Dependencies

flutter, flutter_code_editor, google_fonts, highlight

More

Packages that depend on jsoncanvasviewer