An open API service indexing awesome lists of open source software.

https://github.com/SKbarbon/Flet_StoryBoard

A UI-Builder that help programmers to build the front-end without coding it.
https://github.com/SKbarbon/Flet_StoryBoard

flet python ui

Last synced: 5 months ago
JSON representation

A UI-Builder that help programmers to build the front-end without coding it.

Awesome Lists containing this project

README

          

# Flet StoryBoard
Flet StoryBoard is a python library that have an easy to use tools for building graphical interfaces based on python `flet` library. Powerful interfaces with simple usability. Build the UI with ease of `fletsb`, then connect it with your back-end!

## Goal 🏁
My goal is to allow programmers to focus on the back-end, and build the front-end using just a simple easy-to-use window without any front-end coding require.

## installation ⬇️
- Python > 3.7

You can try Flet_StoryBoard on web!, just click here: [fletsb on web](https://skbarbon.github.io/wfletsb/)

For install:
> `pip install Flet_StoryBoard`

for Upgrade:
> `pip install Flet_StoryBoard --upgrade`

## Little Peek

Screenshot 2023-04-26 at 12 17 33 PM

## What's new on `Flet_StoryBoard` `1.0` 🎉
- ReSupport custom widgets with flet.
- Multiple pages support.
- New Suggestions
- New way to load the StoryBoard on your app.
- The ability to add external `flet` controls inside the StoryBoard.
- New Feature called `Smart suggestions`. It gets your goal then suggest things based on it.
- Support templates. A template is a file contain pre-set props for all StoryBoard's widgets, like fonts and default text color. - soon -
- ReBuild the architecture of the library.
* Please read the docs to know more about library usage. [docs page](https://github.com/SKbarbon/Flet_StoryBoard/wiki)
* if there is any another issues not fixed yet, please create an issue here: [issues page](https://github.com/SKbarbon/Flet_StoryBoard/issues)

## usage & examples 🤝
You can use the editor just from the web!, click here to start:
[fletsb on web](https://skbarbon.github.io/wfletsb)

There is a very simple docs here about library usage.
[docs page](https://github.com/SKbarbon/Flet_StoryBoard/wiki)

### create/edit your own StoryBoard
```cmd
python3 -m fletsb.edit myUI.fletsb
```
It will edit the existing one or create a new one if not.

### load a StoryBoard
To load your StoryBoard on your app, you can do this example code:

```python
from fletsb import LoadStoryBoard, StoryBoard

def main (storyBoard:StoryBoard):
pass

LoadStoryBoard(target_function=main, storyboard_file_path="myUI.fletsb")
```

To know more about the `StoryBoard` class, follow the [docs page](https://github.com/SKbarbon/Flet_StoryBoard/wiki) .