GradientTextify

GradientTextify is a React application designed to help users discover and preview stunning text gradient combinations for their web projects. This project allows users to easily copy gradient styles and integrate them into their Tailwind CSS applications.

Check Out: GradientTextify

Screenshots

Features

• Interactive Gradient Preview: Users can view various gradient combinations and see how they look in real-time.
• Copy to Clipboard: Easily copy gradient CSS styles with a single click.
• Reset Functionality: Reset the preview text color to its original state.
• Responsive Design: The application is mobile-friendly and adapts to different screen sizes.

Installation

To get started with GradientTextify, follow these steps:

1. Clone the Repository:

   git clone https://github.com/megh-bari/gradient-textify.git

2. Navigate to the Project Directory:

   cd gradient-textify

3. Install Dependencies:

   npm install

4. Run the Application:

   npm start

The application will be available at http://localhost:{port}.

Usage

Once the application is running, you can:

• Browse through various gradients displayed in cards.
• Click on the "Copy" button to copy the gradient CSS to your clipboard.
• Click on "Preview" to see the selected gradient applied to the text.
• Use the "Reset Preview" button to clear any selected gradients.

Contributing

Contributions are welcome! If you would like to contribute, please fork the repository and submit a pull request.

Author

Made by @megh_bari

Happy Coding 🎈