zeba_academy_transform 1.0.0

A Flutter transformation package providing 3D transforms, perspective effects, tilt animations, and hover rotation effects.

zeba_academy_transform

A powerful Flutter transformation package providing reusable 3D transforms, perspective effects, tilt interactions, and hover rotation animations for modern Flutter applications.

Build immersive UI experiences with smooth animations and Matrix4-based transformations using simple and clean widgets.

---

Features

✨ 3D Transform

Apply advanced 3D rotations using Flutter Matrix4 transformations.

Features:

• Rotate X axis
• Rotate Y axis
• Rotate Z axis
• Custom perspective depth
• Alignment control

---

✨ Perspective Transform

Create realistic depth-based UI effects.

Features:

• Perspective camera effect
• 3D depth simulation
• Smooth transformations
• Card-style animations

---

✨ Tilt Effect

Interactive mouse-based 3D tilt animations.

Features:

• Automatic pointer tracking
• Smooth tilt movement
• Custom tilt intensity
• Reset animation on exit

---

✨ Hover Rotation

Create interactive hover-based rotation effects.

Features:

• Mouse enter animation
• Mouse exit reset
• Custom rotation angle
• Smooth transitions

---

Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_transform: ^1.0.0

Run:

flutter pub get

---

Import

import 'package:zeba_academy_transform/zeba_academy_transform.dart';

---

Usage

3D Transform

Zeba3DTransform(
  rotateX: 0.2,
  rotateY: 0.4,
  child: Container(
    width: 200,
    height: 200,
    color: Colors.blue,
  ),
)

---

Perspective Transform

ZebaPerspective(
  depth: 0.002,
  rotateX: 0.3,
  rotateY: 0.2,
  child: Card(
    child: Padding(
      padding: EdgeInsets.all(30),
      child: Text(
        "Perspective",
      ),
    ),
  ),
)

---

Tilt Effect

ZebaTilt(
  tiltAmount: 0.2,
  child: Container(
    width: 250,
    height: 150,
    color: Colors.purple,
    child: Center(
      child: Text(
        "Tilt Card",
        style: TextStyle(
          color: Colors.white,
        ),
      ),
    ),
  ),
)

---

Hover Rotation

ZebaHoverRotation(
  angle: 0.3,
  child: Container(
    width: 200,
    height: 200,
    color: Colors.orange,
    child: Center(
      child: Text(
        "Hover Me",
      ),
    ),
  ),
)

---

Available Widgets

Widget	Description
Zeba3DTransform	Advanced Matrix4 3D transformation
ZebaPerspective	Perspective depth transformation
ZebaTilt	Interactive 3D tilt effect
ZebaHoverRotation	Hover rotation animation

---

Example

ZebaTilt(
  child: ZebaPerspective(
    rotateY: 0.3,
    child: Card(
      elevation: 20,
      child: SizedBox(
        width: 300,
        height: 180,
        child: Center(
          child: Text(
            "Zeba Transform",
          ),
        ),
      ),
    ),
  ),
)

---

Why use zeba_academy_transform?

✅ Pure Flutter implementation ✅ No external dependencies ✅ Lightweight package ✅ Null safety support ✅ Easy integration ✅ Production-ready widgets ✅ Material 3 compatible

---

Requirements

• Flutter >= 1.17.0
• Dart >= 3.12.0

---

Roadmap

Future improvements:

• Touch-based tilt support
• Gesture controlled transformations
• Animation controller support
• Custom transformation builders
• More advanced 3D effects

---

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:

https://zeba.academy

https://code.zeba.academy

Zeba Academy is a learning platform dedicated to coding, technology, and development.

Explore:

➡ Main website: https://zeba.academy

➡ Hands-on courses and resources: https://code.zeba.academy

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

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

---

Contributing

Contributions are welcome.

Steps:

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

---

License

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

You are free to:

• Use this package
• Modify the source code
• Distribute copies
• Improve the project

Any distributed modifications must also remain open source under GPL-3.0.

See the LICENSE file for complete license details.

---

Support

If you like this package:

⭐ Star the repository 📢 Share with Flutter developers 🤝 Contribute improvements

---

Thank you for visiting!