/tailwind_color

"Explore curated color palettes on the website 'https://color-tailwind.vercel.app/'. Enhance design consistency with harmonious colors conveniently usable in Tailwind CSS projects."

Primary LanguageJavaScript

Color Palette Picker

This project is a color palette picker that allows users to select colors from predefined palettes and copy their corresponding color codes. It supports keyboard navigation for easy accessibility.

Getting Started

To get started with this project, follow the instructions below.

Prerequisites

Make sure you have the following software installed on your system:

  • Node.js (version X.X.X or higher)
  • NPM (version X.X.X or higher)

Installation

  1. Clone the repository:
    git clone https://github.com/jayantrohila57/color-palette-picker.git
  1. Navigate to the project directory:
cd color-palette-picker
  1. Install the dependencies:
 npm install

Usage

To start the development server and view the application, run the following command: npm start

This will start the development server and provide you with a URL where you can access the application in your web browser.

Features

  • Color palettes: The application displays a set of predefined color palettes.
  • Keyboard navigation: Users can navigate through the color palettes using arrow keys on their keyboard.
  • Color code copy: Users can copy the color codes of the selected colors to their clipboard.
  • Visual feedback: The application provides visual feedback when a color button is clicked or a color code is copied.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework.
  • Clipboard API: An API that provides access to the user's clipboard for reading and writing.

Contributing

Contributions to this project are welcome. Here are a few ways you can contribute:

  • Report bugs or suggest features by opening an issue.
  • Submit a pull request to address an existing issue or contribute a new feature.

License

This project is licensed under the MIT License.