Access this app live at: https://palletone-demo.vercel.app
🎉 Welcome to Palletone app repository, a multi-platform application built with Electron.JS, React and Typescript, and of course, with a flavour of other awesome community open source packages.
This app aims to bring a new experience of collecting, managing and building color palettes for designers and web developers.
The main goal is to simplify the process providing the right tools for choosing the preferred color for their project.
Feel free to try it on any device of yours and bake your own color flavor for your next project! 🥳
- ✨ Supported modes: Solid colors, gradients, auto palette generator and color extractor (extracts color form images), analogous palette, triadic palette, complement and split complement palettes, tetradic palette and monochromatic palette.
- ✨ Supported color channels: HSVA, HSLA, RGBA and HEX.
- ✨ Integrated color converter: convert to and from HSVA, HSLA, RGBA and HEX.
- ✨ Palette color saver: save colors for later usage offline.
- ✨ Platforms: PWA, Web and desktop (Linux and Windows).
- ✨ App Themes: Light and dark.
 |
 |
|---|---|
 |
 |
| ------------------------ | ------------------------ |
 |
 |
Note: This project is concluded, but I am maintaining it. You can expect to see more features being added in the future. Enjoy!!
$ROOT
├── docs
│ └── assets
├── electron
├── public
└── src
├── assets
├── components
│ └── ui
├── hooks
├── lib
├── routes
├── shared
├── styles
└── types- React.JS - library used to build big, fast Web apps with JavaScript.
- Typescript - a superset language of Javascript that provides typechecking.
- Electron.JS - a framework for building desktop applications using javascript, html and css.
- Tailwind CSS - for component styling.
- Vite - a next generation frontend tooling.
- tinycolor2 - library to color management and transformation.
- Shadcn Components - brings styled radix-ui components with tailwind css.
See all important logs that are documented here, on this changelog file.
Make sure you have installed Node.js (v18.17.0 or later recommended) which also comes with npm v9.6.7.
In the project directory, you can run in terminal:
- Runs the app in the development mode and the server will reload when you make changes to the source code for the render and electron scripts:
npm ci && npm run dev- Builds the web version of the app for production to the dist folder:
npm run build- Builds the electron app for locally production. Note that only windows and linux application packages a pre-configured to be built. Please refer to other scripts in the package.json:
npm run electron:buildE-mail: nhantumbok@gmail.com
Github: https://github.com/KainNhantumbo
Portfolio: https://codenut-dev.vercel.app
My Blog: https://codenut-dev.vercel.app/en/blog
If you like this project, let me know by leaving a star on this repository so I can keep improving this app or send support!** .😊😘
Best regards, Kain Nhantumbo.
✌️🇲🇿 Made with ❤ Electron.JS + React + Vite and Typescript
See this Contributing Guide.
Licensed under Apache License Version 2.0. All rights reserved.
Copyright © 2024 Kain Nhantumbo.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.