A modern web app for creating beautiful animated text introductions and exporting them as SVGs. Perfect for GitHub profiles, READMEs, and social media.
- Animated Text Creation: Create smooth text animations with fade or blur effects
- Real-time Preview: See your animation live as you type
- SVG Export: Export your animations as lightweight SVG 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
- Node.js 18+
- ni (recommended) or pnpm
- Clone the repository:
git clone https://github.com/liangmiQwQ/simple-introduce.git
cd simple-introduce- Install dependencies:
pnpm install- Start the development server:
pnpm dev- Open your browser and navigate to
http://localhost:5173
pnpm buildThe built files will be in the dist directory.
- Enter Your Text: Type your introduction text, one line per animation frame
- Customize Settings: Adjust animation type, duration, font size, and alignment
- Preview: Watch your animation in real-time
- Export: Click "Export as SVG"
- Download: Copy the SVG code or download the SVG file
- Appearance: Choose between automatic, light, or dark themes
- Custom Sizing: Automatic responsive sizing based on content
- Lightweight Output: SVG animation stays editable and easy to embed
✅ Core Features Complete:
- Text animation creation
- Real-time preview
- SVG export functionality
- Dark/light mode support
- Responsive design
- Customizable settings
🔜 Planned Enhancements:
- Markdown support
- More animation effects
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.
- Built with Vue
- Inspired by modern web animation tools
Thanks!
This project is licensed under the MIT License - see the LICENSE file for details.