Anima – Anime-Themed Chrome New Tab Extension

Anima is a modern, anime-inspired Chrome extension that replaces the default New Tab with a cinematic experience.
It combines animated backgrounds, live weather and quick links for anime lovers.

---

Features

• Animated Video Background (MP4)
• Live Weather (location-based, free API)
• Real-Time Clock & Date
• Custom Quick Links
• Add / remove links
• Auto favicon detection
• Built-in Chrome Theme
• Dark anime aesthetic
• Crimson accent colors
• Local Storage Powered
• Manifest V3 Compliant

---

Project Structure

Anima/
│
├── extension/
│ ├── assets/
│ │ ├── background.mp4
│ │ ├── background.png
│ │ ├── icon.png
│ │ └── default-icon.svg
│ │
│ ├── popup.html
│ ├── popup.js
│ │
│ ├── newtab.html
│ ├── newtab.js
│ ├── style.css
│ │
│ ├── background.js
│ └── manifest.json
│
└── README.md

---

Extension (/extension)

• Overrides Chrome New Tab
• Displays:
  • Background video
  • Weather widget
  • Clock & date
  • Quick links
• Uses chrome.storage.local
• Built with Manifest V3

---

Weather Data

• Provider: Open-Meteo (Weather)
• Reverse Geocoding: BigDataCloud
• No API key required
• Location-based
• Privacy-friendly (no tracking)

---

Installation (Developer Mode)

1. Clone the repository:

   git clone https://github.com/webdevavi96/Anima.git

2. Open Chrome and go to:

chrome://extensions

3. Enable Developer mode (top-right)

4. Click Load unpacked

   • Select the /extension folder

Permissions Used

storage – save user links & preferences

activeTab – extension UI interaction

geolocation – weather location

host_permissions – weather APIs

No ads. No tracking. No analytics.

Tech Stack

• HTML5 / CSS3
• Vanilla JavaScript
• Chrome Extensions API (MV3)
• Open-Meteo API
• BigDataCloud Reverse Geocoding

Author

Avinash Chaurasiya Git Hub

Support

• If you like this project:

• Star the repo

• Share it with fellow anime lovers

• Contribute via PRs

Screenshot

Watch demo video 👇

Buy me a Coffee ☕