zeba_academy_custom_render_kit 0.0.1 copy "zeba_academy_custom_render_kit: ^0.0.1" to clipboard
zeba_academy_custom_render_kit: ^0.0.1 copied to clipboard

A powerful custom rendering toolkit with painters, shapes, and render objects.

๐ŸŽจ zeba_academy_custom_render_kit #

A powerful and flexible Flutter rendering toolkit designed for developers who want full control over drawing, painting, and rendering pipelines.


๐Ÿš€ Features #

  • ๐ŸŽจ Painter Utilities โ€“ Ready-to-use custom painters
  • ๐Ÿ”ท Shape Generators โ€“ Easily generate complex paths
  • โœ๏ธ Drawing Tools โ€“ Build interactive drawing experiences
  • โš™๏ธ Custom Render Objects โ€“ Low-level rendering control

๐Ÿ“ฆ Installation #

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_custom_render_kit: ^0.0.1

Then run:

flutter pub get

๐Ÿงฑ Usage #

๐ŸŽจ Grid Painter #

CustomPaint(
  size: Size.infinite,
  painter: GridPainter(gridSize: 25),
)

๐Ÿ”ท Shape Generator #

final path = ShapeGenerator.circle(
  Offset(100, 100),
  50,
);

โœ๏ธ Drawing Canvas #

class DrawingCanvas extends StatelessWidget {
  final controller = DrawingController();

  DrawingCanvas({super.key});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onPanUpdate: (details) {
        controller.addPoint(details.localPosition);
      },
      onPanEnd: (_) {
        controller.endStroke();
      },
      child: AnimatedBuilder(
        animation: controller,
        builder: (_, __) {
          return CustomPaint(
            painter: DrawingPainter(controller.points),
            child: Container(),
          );
        },
      ),
    );
  }
}

โš™๏ธ Custom Render Object #

CustomRenderBox(color: Colors.blue)

๐Ÿงช Testing #

Run tests with:

flutter test

๐Ÿ“ Project Structure #

lib/
 โ”œโ”€โ”€ zeba_academy_custom_render_kit.dart
 โ”œโ”€โ”€ painters/
 โ”œโ”€โ”€ shapes/
 โ”œโ”€โ”€ tools/
 โ””โ”€โ”€ render_objects/

๐Ÿ”ฅ Use Cases #

  • Drawing apps
  • Design tools
  • Game UIs
  • Custom widgets
  • Visualization dashboards

๐Ÿ“ˆ Roadmap #

  • Gradient painters
  • SVG path support
  • Zoom & pan canvas
  • Undo/Redo system
  • Layer-based rendering

๐Ÿ“œ License #

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).


๐Ÿ‘จโ€๐Ÿ’ป About Me #

โœจ Iโ€™m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects. You can learn more about me and my work at sufyanism.com or connect with me on Linkedin


๐ŸŒ Your all-in-one no-bloat hub! #

๐Ÿš€ Explore cutting-edge resources in coding, tech, and development at zeba.academy and code.zeba.academy. Empower yourself with practical skills through curated directives, real-world projects, and hands-on experience. Level up your tech game today! ๐Ÿ’ปโœจ

Zeba Academy is a learning platform dedicated to coding, technology, and development. โžก Visit our main site: https://zeba.academy โžก Explore hands-on courses: https://code.zeba.academy โžก YouTube: https://www.youtube.com/@zeba.academy โžก Instagram: https://www.instagram.com/zeba.academy/


๐Ÿ™Œ Contributing #

Contributions are welcome! Feel free to open issues or submit pull requests.


โญ Support #

If you like this project, please โญ star the repository and share it with others!


Thank you for visiting! ๐Ÿš€

0
likes
150
points
72
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A powerful custom rendering toolkit with painters, shapes, and render objects.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_custom_render_kit