Skip to content

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.

License

Notifications You must be signed in to change notification settings

RLAlpha49/AniCards

 
 

Repository files navigation

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

✨ 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.
  2. If your issue or idea isn't listed, open a new issue.

🎨 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

  2. If unavailable, open a new issue

  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:

    git checkout -b feature/your-feature-name
  3. Commit your changes:

    git commit -m 'Add some amazing feature'
  4. Push your branch:

    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 file for more information.


Disclaimer: AniCards is not affiliated with AniList.co. Use of AniList's API is subject to their terms of service.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •  

Languages