folding_menu

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Folding Menu is a visually appealing and easy-to-integrate navigation menu for Flutter applications. It offers a sleek, animated folding effect that enhances user interaction while maintaining simplicity in implementation. Designed for modern UIs, it supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux. The package provides smooth transitions and customizable styling, making it ideal for apps requiring dynamic yet elegant navigation. With minimal setup via pub add, developers can quickly implement a responsive and engaging menu experience.

Use cases

Mobile app navigation
Web dashboard interfaces
Desktop application menus
Interactive UI prototypes
Customizable side panels

Key features

Animated folding transition
Cross-platform compatibility
Simple integration with pub add
Customizable appearance
Responsive design support

Suitable for

Developers seeking modern navigation
UI-focused Flutter projects
Apps needing animated drawer effects
Rapid prototyping
Multi-platform applications

Considerations

May require additional styling for complex layouts
Performance impact on low-end devices
Limited customization beyond basic animations
Best suited for apps with moderate navigation depth
Not recommended for highly complex nested menus

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Folding Menu

This is an easy to use package for adding Folding Menu to your Flutter Applications

Demo

Usage

To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases):

      body: Stack(
        children: [
          Container(
            color: Colors.deepOrange,
            child: Center(child: Text("Other Screen Content",style: TextStyle(color: Colors.white,fontSize: 20),)),),
          // Add FoldingMenu as the Last Child to Stack
          FoldingMenu(duration: Duration(milliseconds: 900), shadowColor: Colors.black26, animationCurve: Curves.decelerate, folded: openMenu, children: [
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 1",
                        )));
              },
              title: Text("Home Dance"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 2",
                        )));
              },
              title: Text("Home Dance 2"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 3",
                        )));
              },
              title: Text("Home Dance 3"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 4",
                        )));
              },
              title: Text("Home Dance 4"),
              tileColor: Colors.white,
            ),
          ]),
        ],
      ),

Roadmap

Plans to add more customizations.

License

MIT

Search packages, repositories and app categories

Install package