{"id":15462720,"url":"https://github.com/ndonkohenri/flet-color-browser","last_synced_at":"2025-04-22T10:39:14.058Z","repository":{"id":162328414,"uuid":"539638913","full_name":"ndonkoHenri/Flet-Color-Browser","owner":"ndonkoHenri","description":"A simple Web and desktop UI for easy color selection in Flet Application development.","archived":false,"fork":false,"pushed_at":"2023-09-28T17:51:41.000Z","size":674,"stargazers_count":22,"open_issues_count":1,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-18T21:04:31.666Z","etag":null,"topics":["color-palette","color-picker","flet","flet-dev","pwa","python3","webapp"],"latest_commit_sha":null,"homepage":"https://flet-color-browser.pages.dev/","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ndonkoHenri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-09-21T18:48:58.000Z","updated_at":"2024-06-22T06:24:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"4c3e03a0-bd97-4a01-b6e2-721b7776b5d2","html_url":"https://github.com/ndonkoHenri/Flet-Color-Browser","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndonkoHenri%2FFlet-Color-Browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndonkoHenri%2FFlet-Color-Browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndonkoHenri%2FFlet-Color-Browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndonkoHenri%2FFlet-Color-Browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ndonkoHenri","download_url":"https://codeload.github.com/ndonkoHenri/Flet-Color-Browser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229983291,"owners_count":18154700,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["color-palette","color-picker","flet","flet-dev","pwa","python3","webapp"],"created_at":"2024-10-02T00:03:53.502Z","updated_at":"2024-12-16T15:26:56.209Z","avatar_url":"https://github.com/ndonkoHenri.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flet-Color-Browser\n\n![AppVeyor](https://img.shields.io/appveyor/build/ndonkoHenri/flet-color-browser)\n![Platform](https://img.shields.io/badge/platform-browser%20%7C%20PWA%20%7C%20windows%20%7C%20macos%20%7C%20linux-lightgrey)\n![GitHub top language](https://img.shields.io/github/languages/top/ndonkoHenri/Flet-Color-Browser)\n![GitHub language count](https://img.shields.io/github/languages/count/ndonkoHenri/Flet-Color-Browser)\n![GitHub repo file count](https://img.shields.io/github/directory-file-count/ndonkoHenri/Flet-Color-Browser?color=ry)\n\n\u003e _From my experience, working with colors is not that easy._\n## Table of contents:\n- [Introduction](#what-is-this-about-introduction)\n- [Source of Inspiration](#source-of-inspiration)\n- [Screen captures](#screen-captures)\n- [How to get started?](#how-to-get-started)\n- [How to deploy?](#how-to-deploy)\n- [Issues/Contribution](#issuescontribution)\n\n\n### What is this about? (Introduction)\n\n A simple but sophisticated tool(Web and desktop UI) for easy color selection when developing [Flet](https://flet.dev/) applications.\nHere is a link to the online/web version of this tool -\u003e \u003cu\u003e[flet-colors-browser.fly.dev](https://flet-colors-browser.fly.dev/)\u003c/u\u003e\n\n### Source of Inspiration\n\nI 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 . \nThis tool is actually a refactored-clone(or fork if you want) of it. \nI just added my personal UI touch and included more comments in the code :) \n\n### Screen captures\nThis 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). \n\nBelow are some OLD captures I made of the tool in execution.\n\n- _**Version 1:**_\n  - _Dark Mode_\n        \u003cbr\u003e\u003cbr\u003e\n      ![V1 Dark Mode](https://user-images.githubusercontent.com/98978078/193250212-a56477ac-f063-4b45-99e3-7dbb971eee27.JPG)\n        \u003cbr\u003e\u003cbr\u003e\n  - _Light Mode_\n        \u003cbr\u003e\u003cbr\u003e\n        ![V1 Light Mode](https://user-images.githubusercontent.com/98978078/193256037-2ee24033-425f-4c9e-958a-f20e3c207917.JPG)\n      \n\n- _**Version 2:**_\n  - _Dark Mode_\n       \u003cbr\u003e\u003cbr\u003e\n      ![V2 Light Mode](https://user-images.githubusercontent.com/98978078/193249865-b626c155-7dc3-4188-9fc7-e7a163357c5d.JPG)\n\n       \u003cbr\u003e\u003cbr\u003e\n    - _Light Mode_\n         \u003cbr\u003e\u003cbr\u003e\n      ![Capture](https://user-images.githubusercontent.com/98978078/193256644-3cf3dec8-ca52-4a6e-a772-f567074891f5.JPG)\n    \u003cbr\u003e\u003cbr\u003e\n  - **GIF Video**\n        \u003cbr\u003e\u003cbr\u003e\n        ![Colors-Browser GIF](https://user-images.githubusercontent.com/98978078/193254404-bef6c113-b71d-4e01-b732-cd5d268619ec.gif)\n  \n### How to get started?\n\n**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).\n\n![How to Install as PWA](https://miro.medium.com/max/720/1*BQ5FlcpuLTOBfF5vLvv6Bg.gif)\n\n**Second-Easiest Way:** \n- Try the app online from here: \n- 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.\n\n**Hardest Way:**\n- Start by cloning and unzipping this repo: [how-to](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository)\n- Enter the directory\n\n        cd Flet-Color-Browser\n- Install the requirements:\n    `pip install requirements.txt -r`\n- Run the `main.py` file\n\n      python main.py\n\n### How to Deploy?\nSee [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.\n\n\n### Issues/Contribution\nI tried my best to make this project simple and easy to understand, but if you have problems/issues while using this :(, \nthen you are free to raise an issue and I will happily respond.\n\nIf you instead want to contribute(new features, bug/typo fixes, etc), just fork this project and make a pull request. :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndonkohenri%2Fflet-color-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fndonkohenri%2Fflet-color-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndonkohenri%2Fflet-color-browser/lists"}