Simple Introduce 🎬

A modern web app for creating beautiful animated text introductions and exporting them as GIFs. Perfect for GitHub profiles, READMEs, and social media.

✨ Features

• Animated Text Creation: Create smooth text animations with fade or blur effects
• Real-time Preview: See your animation live as you type
• GIF Export: Export your animations as high-quality GIF files
• Customizable Settings: Adjust duration, font size, text alignment, and appearance
• Dark/Light Mode: Toggle between themes for different export options
• Responsive Design: Works perfectly on desktop and mobile devices

🚀 Development Guide

Prerequisites

• Node.js 18+
• ni (recommended) or pnpm

Installation

1. Clone the repository:

git clone https://github.com/liangmiQwQ/simple-introduce.git
cd simple-introduce

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

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

Building for Production

pnpm build

The built files will be in the dist directory.

📖 Usage

1. Enter Your Text: Type your introduction text, one line per animation frame
2. Customize Settings: Adjust animation type, duration, font size, and alignment
3. Preview: Watch your animation in real-time
4. Export: Click "Export as GIF" and follow the export wizard
5. Download: Your GIF will be automatically downloaded when ready

Export Options

• Appearance: Choose between Light, Dark, or Both themes
• Custom Sizing: Automatic responsive sizing based on content
• High Quality: smooth recording for smooth animations

🎯 Current Status

✅ Core Features Complete:

• Text animation creation
• Real-time preview
• GIF export functionality
• Dark/light mode support
• Responsive design
• Customizable settings

🔜 Planned Enhancements:

• Markdown support
• More animation effects
• More export formats (WebM, MP4)

🤝 Contributing

Contributions are welcome! We'd love your contributions! Before submitting your contribution, please take a moment to read through the following guidelines:

• For any new feature additions, we recommend submitting an issue for discussion and confirmation first.
• Pull requests are encouraged and will be reviewed promptly.

🙏 Credits

• Built with Vue-Vine
• Inspired by modern web animation tools
• GIF recording based on Slidev's screenshot implementation

Thanks!

📄 License

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