Flutter multiplatform navigation sidebar / drawer widget

#flutter #webdev #macos #windows

SidebarX - package to create beautiful and convenient sidebar navigation widgets easy 🔥

Mobile	Desktop	Web

The package is designed with maximum adaptation to large screens.
Therefore, adding a widget to your screen will be very simple.

Scaffold(
  body: Row(
    children: [
      SidebarX(
        controller: SidebarXController(selectedIndex: 0),
        items: const [
          SidebarXItem(icon: Icons.home, label: 'Home'),
          SidebarXItem(icon: Icons.search, label: 'Search'),
        ],
      ),
      // Your app screen body
    ],
  ),
)

Customization

Package have huge customization fields list and by default can adjust to the theme of your application.

For example - you can change colors, textStyles, add your custom builders for sidebar items and all what you need.

😎 Go to the GitHub repository page!
🥵 Here you can see beautiful examples of usage and code snippets.

Show some ❤️ and star the repo to support the project!

Top comments (14)

May Lau • Aug 10 '22

That the sidebar I keep looking for! It's really nice design and animation!

Just curious is it possible to add some items from bottom to top? It's because i sometimes receive design for web or desktop required me to have some items on top and then some items like logout or about us or version on the bottom.

Stanislav Ilin • Aug 11 '22

Hello @maylau !
Thank you for comment.
Yes you can do it with builders:

headerBuilder,
footerBuilder,
separatorBuilder,
toggleButtonBuilder,

Thomas Hansen • Aug 10 '22

You've got some pretty nice Flutter widgets. Do you have a full repository list somewhere ...? :)

Stanislav Ilin • Aug 11 '22

It's interesting idea. I think I will do it in the near future

Thomas Hansen • Aug 11 '22

I'm not sure if you've seen our product, but we basically allow people to "generate" an app, from backend to an Angular frontend. In the near future (3/4 months from now), we might want to create additional output results, such as React, C# service layer, Flutter data grids, etc.

At that point I'd love to examine your components, and if they fit the purpose maybe use them, obviously giving you credit - Maybe even pay you to help us out (if you're interested). I can't promise anything yet, but I've been following you for some time now, and I like what I see :)