https://github.com/rlalpha49/anicards
A Next.js application that generates customizable SVG stat cards from AniList data. Features animated progress circles, multiple themes, and detailed anime/manga insights. Perfect for profile showcases.
https://github.com/rlalpha49/anicards
anilist anime data-visualization manga mongodb nextjs react redis stat-card svg svg-animations tailwindcss typescript upstash
Last synced: 7 months ago
JSON representation
A Next.js application that generates customizable SVG stat cards from AniList data. Features animated progress circles, multiple themes, and detailed anime/manga insights. Perfect for profile showcases.
- Host: GitHub
- URL: https://github.com/rlalpha49/anicards
- Owner: RLAlpha49
- License: mit
- Created: 2023-12-17T00:42:11.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-19T17:32:11.000Z (8 months ago)
- Last Synced: 2025-02-19T18:30:07.525Z (8 months ago)
- Topics: anilist, anime, data-visualization, manga, mongodb, nextjs, react, redis, stat-card, svg, svg-animations, tailwindcss, typescript, upstash
- Language: TypeScript
- Homepage: https://anicards.alpha49.com
- Size: 7.6 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AniCards - AniList Statistics Cards
AniCards is a dynamic and customizable tool designed to generate beautiful statistic cards from your AniList profile data. Effortlessly display your anime and manga stats with vibrant, animated SVGs that you can share on any platform!
## 🚀 Live Demo
Experience AniCards live at [anicards.alpha49.com](https://anicards.alpha49.com)
## ✨ Features
- **10+ Card Types**: Visualize detailed statistics including anime consumption, manga progress, social interactions, genres, staff details, and more.
- **Custom Designs**: Choose from preset themes or create your own color combinations to match your unique style.
- **Dynamic SVGs**: Enjoy animated, vector-based cards that are optimized and easily shareable.
- **Fast & Lightweight**: Built with Next.js and optimized with modern web practices for quick loading times.
- **Easy Integration**: Use a simple URL to display your stats anywhere.
## 🐛 Issues & Feature Requests
Found a bug or have an idea for improvement? Let me know!
1. Check the existing [issues](https://github.com/RLAlpha49/AniCards/issues).
2. If your issue or idea isn't listed, [open a new issue](https://github.com/RLAlpha49/AniCards/issues/new).
### 🎨 Card Style Requests
**I especially encourage design submissions!** If you have an idea for:
- New color schemes or themes 🎨
- Creative layout concepts 🖼️
- Animated elements to enhance the card's appeal ✨
- New card types for additional statistics or different variants 📊
Submit your design concepts (sketches, Figma files, or detailed descriptions) and I'll work on implementing them!
### 📝 How to Report
1. Check existing [issues](https://github.com/RLAlpha49/AniCards/issues)
2. If unavailable, [open a new issue](https://github.com/RLAlpha49/AniCards/issues/new)
3. Include:
- Detailed description
- Visual examples (screenshots/mockups) if possible
- Expected behavior
- For bugs: steps to reproduce
## 🤝 Contributing
Contributions are very welcome. Here's how you can contribute:
1. Fork the repository.
2. Create your feature branch:
```bash
git checkout -b feature/your-feature-name
```
3. Commit your changes:
```bash
git commit -m 'Add some amazing feature'
```
4. Push your branch:
```bash
git push origin feature/your-feature-name
```
5. Open a Pull Request and describe your changes in detail.
## 📄 License
Distributed under the MIT License. See the [LICENSE](LICENSE) file for more information.
---
**Disclaimer**: AniCards is not affiliated with AniList.co. Use of AniList's API is subject to their terms of service.