Discord Colored Text Generator

A modern, user-friendly tool for creating colorful text for your Discord messages using Markdown syntax.

Demo

Features

• Simple Interface: Clean, intuitive design focused on ease of use
• Live Preview: See how your text will appear in Discord in real-time
• Multiple Colors: Choose from a variety of Discord-supported colors
• Copy to Clipboard: One-click copying of formatted text
• Responsive Design: Works on desktop and mobile devices
• Smooth Animations: Enhances user experience with subtle motion

How It Works

Discord allows you to create colored text using code block syntax with specific language formatting. This tool simplifies the process by automatically generating the correct Markdown syntax based on your selections.

Available Colors

• Default (White)
• Gray
• Black
• Red
• Orange
• Yellow
• Green
• Blue
• Purple
• Pink

Getting Started

Prerequisites

• Node.js (v14.0.0 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/vishnuu5/Discord-Colored-Text-Generator
   cd discord-colored-text-generator

2. Install dependencies:

   npm install
   # or
   yarn

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to http://localhost:5173

Usage

1. Type or paste your text in the input field
2. Select a color from the color picker
3. Preview how your text will look in Discord
4. Click "Copy Code" to copy the formatted text
5. Paste the copied text into Discord

Built With

• Vite - Frontend build tool
• React - UI library
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Inspired by rebane2001's Discord Text Generator
• Thanks to the Discord community for feedback and suggestions

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request