Welcome to ColorCraft 👋

ColorCraft is a user-friendly gradient generator tool that helps designers and developers create stunning color gradients quickly and easily. It offers intuitive customization options to elevate web and graphic design projects.

View live preview here.

🔧 Features

• 🎨 Custom Color Picker
• 👁️ Live Preview
• 🌙 Dark Mode
• 🎲 Random Gradient Generator
• ↔️ Gradient Direction Selector
• 🖌️ Gradient Style Selector
• 📐 Export Gradient as Image (Custom Height & Width)
• 📋 Copy Gradient Option

⚙️ Getting Started

1. Fork this repository: Click the Fork button located in the top-right corner of this page to fork the repository.
2. Clone the repository:

    $ git clone https://github.com/<your-username>/colorcraft.git

3. Clone the repository:

    $ cd colorcraft

4. Install dependencies: Install packages for the root directory.

     $ yarn

5. Start the development server:

    $ yarn run dev

6. Access the application: Open a browser and enter the following URL:

     http://localhost:5173/

💻 Technologies Used

• React.js
• Tailwind CSS
• tailwind-merge
• clsx
• class-variance-authority
• TypeScript
• @tippyjs/react
• react-hot-toast
• react-router-dom
• Prettier

💖 Show Support

Give a ⭐️ if you liked the project!