Category : 3D

Flutter 3D Controller A Flutter package for rendering interactive 3D models in different formats(glb, gltf, fbx, obj), with ability to control animations, textures and camera. Features Mobile and Web stable version (support glb & gltf format) Play animation Switch between animations Pause animation Reset animation Get available animations list Switch between textures Get available textures ..

Read more

three_dart Dart 3D library. an easy to use, lightweight, cross-platform, general purpose 3D library. three.js rewrite by Dart. 3D for Flutter. Base on flutter_gl support Web, iOS, Android, macOS, Windows Linux TODO, need flutter_gl support three.js r138 Example Demo on flutter web https://wasabia.github.io/three_dart_example/#/ Getting Started First at all. Follow flutter_gl Usage flutter_gl TODO Usage check example project Example ..

Read more

Cool 3D Drawer Animated With flutter part 2  Getting Started First you need to add flutter_zoom_drawer 2.1.1 Or + in the dependency at pubspec.yaml: Get it from Here . Also You need to add this : Documentation Download Cool 3D ANIMATED DRAWER source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with ..

Read more

Short info: A project to showcase usage of basic principles to convert any 3D design into a working application using Flutter. Developing apps with 3D designs in flutter This project is developed to showcase how we can use some basic principles to convert any 3D design into a working application using Flutter. On starting this ..

Read more

Pushable Button A 3D pushable button built in Flutter. Ideal for important CTAs in the app. Usage PushableButton( child: Text(‘ENROLL NOW’, style: someTextStyle), height: 60, elevation: 8, hslColor: HSLColor.fromAHSL(1.0, 120, 1.0, 0.37), shadow: BoxShadow( color: Colors.grey.withOpacity(0.5), spreadRadius: 5, blurRadius: 7, offset: Offset(0, 2), ), onPressed: () => print(‘Button Pressed!’), ) Configurable Properties child: child widget ..

Read more

Flutter Stage A widget that positions its children in a 3D scene. Getting Started Add flutter_stage as a dependency in your pubspec.yaml file. dependencies: flutter_stage: ^0.0.1 Import package. import ‘package:flutter_stage/flutter_stage.dart’; … … class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Stage( onSceneCreated: (Scene scene) { ..

Read more

Flutter Stage A widget that positions its children in a 3D scene. Getting Started Add flutter_stage as a dependency in your pubspec.yaml file. dependencies: flutter_stage: ^0.0.1 Import package. import ‘package:flutter_stage/flutter_stage.dart’; … … class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Stage( onSceneCreated: (Scene scene) { ..

Read more

Flutter Cube A Flutter 3D widget that renders Wavefront’s object files. Getting Started Add flutter_cube as a dependency in your pubspec.yaml file. dependencies: flutter_cube: ^0.0.4 Add Wavefront’s object files to assets. flutter: assets: – assets/cube/cube.obj – assets/cube/cube.mtl – assets/cube/flutter.png Import and add the Cube widget to your project. import ‘package:flutter_cube/flutter_cube.dart’; … … @override Widget build(BuildContext ..

Read more

perspective_pageview With this, you will be able to create 3D Perspective PageView in Flutter Easily Getting Started This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects. For help getting started with Flutter, view our online documentation, which offers tutorials, samples, ..

Read more

flip_box_bar A 3D BottomNavigationBar inspired by Dribbble design by Dannniel [https://dribbble.com/shots/4811135-Tab-Bar-Cube-Interaction]. Demo Example Use // In Scaffold int selectedIndex = 0; bottomNavigationBar: FlipBoxBar( selectedIndex: index, items: [ FlipBarItem(icon: Icon(Icons.map), text: Text(“Map”), frontColor: Colors.blue, backColor: Colors.blueAccent), FlipBarItem(icon: Icon(Icons.add), text: Text(“Add”), frontColor: Colors.cyan, backColor: Colors.cyanAccent), FlipBarItem(icon: Icon(Icons.chrome_reader_mode), text: Text(“Read”), frontColor: Colors.orange, backColor: Colors.orangeAccent), FlipBarItem(icon: Icon(Icons.print), text: Text(“Print”), ..

Read more