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!

Libraries

zeba_academy_transform