zeba_academy_blueprint_ui 1.0.0

Blueprint-inspired Flutter UI package featuring engineering grids, technical drawing cards, measurement overlays, animated blueprint reveals, and CAD-style widgets.

Zeba Academy Blueprint UI

A powerful Flutter UI package that brings the aesthetics of engineering blueprints, technical drawings, and CAD-inspired interfaces to your applications.

Create visually stunning blueprint-style layouts with customizable grid backgrounds, technical drawing cards, measurement overlays, animated reveals, and engineering-themed widgets.

---

Features

✅ Blueprint Grid Backgrounds

✅ Technical Drawing Cards

✅ Measurement Overlays

✅ Animated Blueprint Reveals

✅ CAD-Inspired Widgets

✅ CAD Panels

✅ Engineering-Themed Buttons

✅ Custom Painters

✅ Lightweight & Fast

✅ Zero Third-Party Dependencies

✅ Fully Customizable

---

Preview

Perfect for:

• Engineering Applications
• Architecture Apps
• Construction Dashboards
• Technical Documentation Tools
• CAD Companion Apps
• Educational Platforms
• Blueprint Viewers
• Industrial Software

---

Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_blueprint_ui: ^1.0.0

Then run:

flutter pub get

Import:

import 'package:zeba_academy_blueprint_ui/zeba_academy_blueprint_ui.dart';

---

Quick Start

import 'package:flutter/material.dart';
import 'package:zeba_academy_blueprint_ui/zeba_academy_blueprint_ui.dart';

void main() {
  runApp(const DemoApp());
}

class DemoApp extends StatelessWidget {
  const DemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: BlueprintTheme.theme(),
      home: Scaffold(
        body: BlueprintBackground(
          child: Center(
            child: BlueprintReveal(
              child: MeasurementOverlay(
                child: BlueprintCard(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      const Text(
                        'Technical Drawing',
                      ),
                      const SizedBox(height: 20),
                      CadButton(
                        label: 'Build',
                        onPressed: () {},
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

---

Widgets

BlueprintBackground

Creates an engineering-style blueprint grid background.

BlueprintBackground(
  child: YourWidget(),
)

---

BlueprintCard

Technical drawing inspired card container.

BlueprintCard(
  child: Text('Blueprint Card'),
)

---

MeasurementOverlay

Displays dimension and measurement indicators.

MeasurementOverlay(
  child: YourWidget(),
)

---

BlueprintReveal

Animated reveal effect inspired by blueprint drafting.

BlueprintReveal(
  child: YourWidget(),
)

---

CadPanel

CAD-style bordered panel.

CadPanel(
  child: YourWidget(),
)

---

CadButton

Engineering-themed button.

CadButton(
  label: 'Build',
  onPressed: () {},
)

---

Included Components

Component	Description
BlueprintBackground	Blueprint grid rendering
BlueprintCard	Technical drawing card
MeasurementOverlay	Dimension indicators
BlueprintReveal	Reveal animation
CadPanel	CAD-style container
CadButton	Engineering button
BlueprintTheme	Blueprint-themed colors

---

Roadmap

Future versions may include:

• Interactive CAD Canvas
• Blueprint Zoom Controls
• Engineering Rulers
• Architectural Floor Plans
• Isometric Widgets
• SVG Blueprint Support
• Animated Drafting Paths
• Measurement Editors
• Blueprint Annotation Tools

---

License

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

You are free to:

• Use
• Modify
• Distribute
• Contribute

under the terms of the GPL-3.0 License.

See the LICENSE file for full details.

---

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 https://sufyanism.com/ or connect with me on LinkedIn:

https://www.linkedin.com/in/sufyanism

---

Your All-in-One Learning Hub!

🚀 Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.

Level up your tech game today! 💻✨

Zeba Academy

A learning platform dedicated to coding, technology, and development.

➡ Visit our main site: https://zeba.academy

➡ Explore courses and resources: https://code.zeba.academy

➡ YouTube Channel: https://www.youtube.com/@zeba.academy

➡ Instagram: https://www.instagram.com/zeba.academy/

---

Contributing

Contributions, bug reports, feature requests, and pull requests are welcome.

Together we can make blueprint-inspired Flutter UI development even better.

---

Made with ❤️ by Zeba Academy