3D Widgets In Flutter

This article will guide you to create awesome 3d shapes with build-in flutter widgets.

Basic 3D in flutter:

we can control the Z-Axis of a widget using the Transform widget

Transforming a 2D surface!!

Not what were you looking for?
Don’t be disappointed

After digging deep into pub.dev I found this awesome package.

Zflutter:

zflutter | Flutter Package

published about 2 years ago “from the date of this article” and never seen the light.
probably you didn’t hear about it since it didn’t get any update since its first release.
currently, it has no official support for null safety, no worries you can use this fork at your pubspec.yaml

zflutter:
  git:
    url: https://github.com/IbrahimTabba/zflutter.git
    ref: null-safety

Zfltuter provides the following 3D widgets that can be used to create complex shapes:

• Rect
• RoundedRect
• Circle
• Ellipse
• Polygon
• Shape
• Path
• Hemisphere
• Cone
• Cylinder
• Box

You can wrap your ZShape with ZPositioned to control (position/rotation/scale) in the 3d space.

You can also warp a list of ZShap with ZGroup where all ZGroup children will act like on shape.

Zflutter has a gallery website where you can check the documentation and live examples

ZFlutter

I got impressed by this package and decided to create a non-official gallery for awesome apps made using Zflutter
currently, it has only a 3D Rubik’s Cube game.

ZRubik's Cube

Also it is available on google play :

ZRubik's Cube - Apps on Google Play

ZRubick’s Cube is open source

GitHub - IbrahimTabba/zflutter_gallery

Seeing all these results you can get sure how unlimited you are when you build your app with Flutter.

Thanks for reading, hope you find this useful.