gitmyhub

MugenOS

TypeScript ★ 4 updated 19d ago

MugenOS turns your new tab into a living, breathing space where anime clips behind film grain, a focus timer that keeps you honest, and a vibe that's entirely yours. No accounts. No cloud. Just your laptop, your clips, your rules.

A personal new-tab dashboard that plays looping anime clips with a film grain effect, plus a focus timer, todo list, and quick links, all running locally.

TypeScriptNext.jsTailwind CSSCanvas APIsetup: easycomplexity 2/5

MugenOS turns your browser's new tab page into a personal, video-driven dashboard instead of a blank search box. It plays looping anime style video clips behind a film grain and CRT scanline effect, layers a Pomodoro style focus timer, a small todo list, an optional music player, quick links, and rotating quotes on top, and does all of this without any account, cloud service, or tracking. Everything runs locally in the browser.

The idea behind the project is that the new tab page is opened hundreds of times a day and is usually wasted, so the author built something meant to feel like an atmosphere rather than another productivity app competing for your attention. Clips can be grouped by anime series so picking one plays a themed sequence of short clips on loop, and the grain overlay is generated using the Canvas API rather than any external image, which also helps hide short looping clips so they look more like a continuous video.

Setup involves cloning the repository, installing dependencies with npm, dropping your own short video clips into a folder, and editing a single configuration block at the top of one file to set your name, video playlists, optional music tracks, and quick links. The app then runs locally with npm run dev, or it can be deployed for free to Vercel so the same dashboard is reachable from any device, or packaged as an unpacked Chrome extension so it loads without running a local server at all. The README notes that clips should come from fan edits or clips shared publicly online, not footage taken directly from streaming services.

The project is built with Next.js, TypeScript, Tailwind CSS, and the Canvas API, is meant to be forked and customized, and is released under the MIT license.

Where it fits