gitwtfhub

wtf is mugenos?

ishaan2510/mugenos — explained in plain English

Analysis updated 2026-05-18

4TypeScriptAudience · generalComplexity · 2/5LicenseSetup · easy

TL;DR

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.

Mindmap

mindmap
  root((MugenOS))
    What it does
      New tab video dashboard
      Film grain effect
      Focus timer and todo
    Tech stack
      Next.js
      TypeScript
      Canvas API
    Use cases
      Personalize new tab page
      Track focus sessions
      Fork and customize
    Audience
      Anime fans
      Browser tinkerers
    Setup
      Clone and npm install
      Add your own clips
      Edit one config block

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Replace your browser's new tab page with a personalized video dashboard with no account or cloud service.

REASON 2

Use the built-in Pomodoro-style focus timer and todo list while browsing.

REASON 3

Fork and customize the theme, clips, colors, and quotes to build your own version of the dashboard.

What's in the stack?

TypeScriptNext.jsTailwind CSSCanvas API

How it stacks up

ishaan2510/mugenos0labs-in/vision-linkadarsh-me/image-sdk
Stars444
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencegeneraldeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 30min

Requires supplying your own video clips since the repo ships without any included media files.

MIT license: use, modify, and distribute freely, including commercially, as long as you keep the copyright notice.

Wtf does this do

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.

Yoink these prompts

Prompt 1
Walk me through cloning MugenOS and adding my own video clips and playlists.
Prompt 2
Explain how the grain overlay and CRT effect are generated using the Canvas API.
Prompt 3
Show me how to package MugenOS as an unpacked Chrome extension so it loads without a local server.
Prompt 4
How do I deploy MugenOS to Vercel so I can use it from multiple devices?

Frequently asked questions

wtf is mugenos?

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.

What language is mugenos written in?

Mainly TypeScript. The stack also includes TypeScript, Next.js, Tailwind CSS.

What license does mugenos use?

MIT license: use, modify, and distribute freely, including commercially, as long as you keep the copyright notice.

How hard is mugenos to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is mugenos for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.