🎨 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! 🚀

Libraries

zeba_academy_custom_render_kit