Flet-Box:

It's a Python GUI Framework for Multi-Platform Apps

Gallery Preview FLET-BOX

FletBox Web

FletBox Web Api Server

Repository Testing before make it official

More info documentation

Our goals and Roadmap

Certainly! Let's create a documentation for Flet-Box, a GUI framework that simplifies building multi-platform apps using drag-and-drop widgets in the Python language.

Certainly!

If you're passionate about shaping the future of frameworks and contributing to their development, I invite you to join our collaborative efforts. Here's how you can get involved:

1. Documentation and Modules:

• Documentation: We're actively working on creating comprehensive documentation for our Flet-Box framework. Your contributions can help make it more accessible, accurate, and user-friendly. Whether you're an expert or a beginner, your insights matter!

2. Financial Considerations:

• If you're passionate about supporting open-source projects and want to contribute to the Flet-box Framework, here's a simple invitation for you:

You may contribute Donating tokens to give suppor to the proyect in MATIC , BINANCE or TRX Tokens

• Low Fees: In transactions have extremely low fees, making it ideal for micro-donations.
• Invite me a COFFE or a BEER ..

How to Donate Tokens:

• Get Token: Purchase MATIC
• Donate: Visit the Flet-box page and contribute directly. Every donation counts!

MATIC WALLET

TOKEN POL/MATIC	ADDRESS
	0x6d437bB66af8d2c44670eA18F059BE1417Dcd7bA

• Learn More: Explore Flet-box's mission, roadmap, and community initiatives on their official website.

3. Collaboration and Feedback:

• We value diverse perspectives. Engage in discussions, attend working groups, and provide feedback during public consultations.

Introduction

Flet-Box is a powerful framework that enables developers to create interactive multi-user web, desktop, and mobile applications. Whether you're a seasoned developer or just starting out, Flet-Box makes frontend development accessible without prior experience. Here are the key features:

1. Cross-Platform: Build apps that run seamlessly on web browsers, desktop environments (like macOS and Windows), and mobile devices.

2. Drag-and-Drop Widgets: Easily design your app's user interface by dragging and dropping widgets.

3. Based on Flutter: Flet-Box is a fork of Flet Framework leverages the power of Flutter by Google, but it doesn't stop there. It adds its own opinion by combining smaller widgets, implementing UI best practices, and applying reasonable defaults to ensure your apps look professional without extra effort.

Getting Started with Flet-Box in Python

To get started, you don't need to be a front-end guru, but basic knowledge of Python and object-oriented programming is recommended. Let's dive into the basics:

Learn More

Ready to build real-world apps? Check out the official Flet documentation and explore tutorials for your preferred language, including Python3. Happy coding! 🚀

Widgets aviables with Flet-Box Now on building

Certainly! In Flet-Box, you can create drag-and-drop interactions using the LongPressDraggable widget. Let's break down how to achieve this:

1. LongPressDraggable: This widget recognizes when a user performs a long press (sometimes called touch & hold) on a widget. It then displays a new widget near the user's finger. As the user drags, the widget follows their finger. You have full control over the widget that the user drags.

• Wrap your UI element (widget) with a LongPressDraggable. For example, if you have a list of menu items, each displayed using a custom MenuListItem widget, you can wrap it like this:

Widgets will be Updating ...

You mey use now the currents widgets that are marked

SPACE LAYOUTS		IMAGE WIDGET		ALERTS STATUS
ft.divider	✔	ft.image	✔	ft.snackbar	✘
ft.verticaldivider	+	ft.circleavatar	+	ft.tooltip	✔
		ft.icon	✔	ft.cupertinoalertdialog	✘
				ft.cupertinodialogaction	✘
CONTAINERS LAYOUTS		CHARTS LAYOUTS		TEXT WIDGET
ft.stack	✔	ft.barchart	✘	ft.text	✔
ft.row	✔	ft.charts	✘	ft.textfield	✔
ft.gridview	✔	ft.linechart	✘	ft.listview	✘
ft.column	✔	ft.matplotlibchart	✘	ft.datatable	✘
ft.container	✔	ft.piechart	✘
ft.card	✘	ft.plotlychart	✘
ft.responsiverow	✘
ft.transparentpointer	✘
BUTTONS WIDGET		SELECTIONS WIDGET		ESPECIAL WIDGET
ft.textbutton	✔	ft.switch	✘	ft.tabs	✘
ft.filledbutton	✔	ft.checkbox	✔	ft.navigationbar	✘
ft.filledtonalbutton	✔	ft.cupertinocheckbox	✔	ft.cupertinoappbar	✘
ft.iconbutton	✔	ft.cupertinoradio	✔	ft.navigationdrawer	✘
ft.elevatedbutton	✔	ft.cupertinoslider	✔	ft.navigationrail	✘
ft.chip	✔	ft.cupertinoswitch	✔	ft.menubar	✘
ft.outlinedbutton	✔	ft.submenubutton	✘	ft.appbar	✘
ft.bottomappbar	✘	ft.dropdown	✘	ft.cupertinonavigationbar	✘
ft.bottomsheet	✘	ft.datepicker	✘	ft.searchbar	✘
ft.segmentedbutton	✘	ft.timepicker	✘
ft.floatingactionbutton	✘	ft.filepicker	✘
		ft.radio	✘
WIDGETS STATUS
ft.slider	✘
ft.progressbar	✘
ft.progressring	✘
ft.alertdialog	✘
ft.rangeslider	✘