Gumi is a web-based interface for the AniList API with an emphasis on Anime production and staffing details.
It uses your favorite staff picks from AniList to visualize a configurable feed of anime and staff credits. It’s a great tool for exploring recent production announcements and hidden gems through the lens of your favorite directors, animators, producers, and more.
- Search AniList Users
- View a staff-specific feed of anime production details
- Search and filter the feed through a number of controls
- Remove unwanted media with the toggleable Ignore feature.
- Node.js (v18+ recommended)
- Angular CLI (v19+)
✅ If you already have Node.js and Angular installed - you can skip to step 3.
First, you’ll need Node.js installed on your machine.
-
Recommended version: Node.js 18+
-
To check if Node is installed, run:
node -vIf you don’t have it, download and run the installer.
Once Node is installed, install the Angular CLI globally:
npm install -g @angular/cliYou can verify the installation with:
ng version-
Click the green "Code" button
-
Choose "Download ZIP"
-
Then unzip it, open a terminal in that folder, and follow the install steps in step 4.
If you have git installed or want to install git
git clone https://github.com/Williamconnelly/Gumi
cd gumiRun this to install the necessary files
npm installTo start a local development server, run:
ng serveOnce the server is running, open your browser and navigate to http://localhost:4200/.
✅ You're good to go!
The AniList API, while bountiful, imposes rather steep rate-limitations which restrict Gumi from fetching larger sets of data at one time. It's possible you may encounter an error when fetching particularly large lists of media and will have to wait out the timer to complete the task.
This project was generated using Angular CLI version 19.2.3.
Data is sourced from the AniList GraphQL API