Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ndonkohenri/flet-color-browser
A simple Web and desktop UI for easy color selection in Flet Application development.
https://github.com/ndonkohenri/flet-color-browser
color-palette color-picker flet flet-dev pwa python3 webapp
Last synced: about 1 month ago
JSON representation
A simple Web and desktop UI for easy color selection in Flet Application development.
- Host: GitHub
- URL: https://github.com/ndonkohenri/flet-color-browser
- Owner: ndonkoHenri
- Created: 2022-09-21T18:48:58.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-28T17:51:41.000Z (over 1 year ago)
- Last Synced: 2024-10-18T21:04:31.666Z (3 months ago)
- Topics: color-palette, color-picker, flet, flet-dev, pwa, python3, webapp
- Language: Python
- Homepage: https://flet-color-browser.pages.dev/
- Size: 658 KB
- Stars: 22
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flet-Color-Browser
> _From my experience, working with colors is not that easy._
## Table of contents:
- [Introduction](#what-is-this-about-introduction)
- [Source of Inspiration](#source-of-inspiration)
- [Screen captures](#screen-captures)
- [How to get started?](#how-to-get-started)
- [How to deploy?](#how-to-deploy)
- [Issues/Contribution](#issuescontribution)
### What is this about? (Introduction)
A simple but sophisticated tool(Web and desktop UI) for easy color selection when developing [Flet](https://flet.dev/) applications.
Here is a link to the online/web version of this tool -> [flet-colors-browser.fly.dev](https://flet-colors-browser.fly.dev/)
### Source of Inspiration
I decided to build up this tool after looking at the [Flet-Icons-Browser](https://github.com/flet-dev/examples/tree/main/python/apps/icons-browser) - a simple browser which eases Icon selection when developing Flet apps .
This tool is actually a refactored-clone(or fork if you want) of it.
I just added my personal UI touch and included more comments in the code :)
### Screen captures
This tool has two versions: One using a [GridView](https://flet.dev/docs/controls/gridview) to display the colors, and another using a [ListView](https://flet.dev/docs/controls/listview) in [Tabs](https://flet.dev/docs/controls/tabs).
Below are some OLD captures I made of the tool in execution.
- _**Version 1:**_
- _Dark Mode_
- _Light Mode_
- _**Version 2:**_
- _Dark Mode_
- _Light Mode_
- **GIF Video**
### How to get started?
**Easiest Way:** You can [open it on your browser](https://flet-colors-browser.fly.dev/) and install it as a PWA(Progressive Web Application). It would then be found on your desktop(Windows, macOS, Linux.. etc), and you could run it any time. Follow the guide below gotten from a [Post on Medium](https://medium.com/@dhormale/install-pwa-on-windows-desktop-via-google-chrome-browser-6907c01eebe4).
**Second-Easiest Way:**
- Try the app online from here:
- You can just download an archive(for Windows, macOS and Linux only) from the [releases](https://github.com/ndonkoHenri/Flet-Color-Browser/releases) section, extract this and run the standalone executable file(~25Mo) found in it.
**Hardest Way:**
- Start by cloning and unzipping this repo: [how-to](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository)
- Enter the directory
cd Flet-Color-Browser
- Install the requirements:
`pip install requirements.txt -r`
- Run the `main.py` file
python main.py
### How to Deploy?
See [this](https://ndonkohenri.medium.com/deploying-a-flet-app-for-free-on-cloudflare-pages-e56ecc6ce450) article to deploy this flet app and all others you have for freeee.
### Issues/Contribution
I tried my best to make this project simple and easy to understand, but if you have problems/issues while using this :(,
then you are free to raise an issue and I will happily respond.
If you instead want to contribute(new features, bug/typo fixes, etc), just fork this project and make a pull request. :)