Flat UI Colors Clone

This application is the clone of Flat UI Colors.
Explore the docs »
View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. Contact
7. Acknowledgements

About The Project

Built With

• JavaScript
• React
• Sass

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

  or

  npm install --global yarn

Installation

1. Clone the repo

   git clone https://github.com/minhajul-karim/flatuicolors-clone.git

2. Install NPM packages

   npm install

   or

   yarn install

3. Start the development server

   npm start

   or

   yarn start

Usage

Select color format: There is a dropdown menu on the top of the application that lets you select your desired color format. Currently, this application supports HEX(#AA1923), HEX(AA1923), RGB-(1, 2, 3), RGBA-(1, 2, 3, 0.4).

Copy color code: Click on your desired grid cell to copy the color code.

Sound: Sound can be enabled/disabled by clicking the button on the top right.

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

To contribute:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Minhajul Karim - @minhajul93 - [email protected]

Project Link: https://github.com/minhajul-karim/flatuicolors-clone

Acknowledgements

• Flat UI Colors 2
• Ahmet Sülek