Tools/spiritov/ds.css

ds.css

A css framework recreating the DS / DS Lite's UI

433nascentCSSMIT Licensenew this week

The Lens

ds.css makes your web page look like a Nintendo DS. It is a small CSS framework that recreates the DS and DS Lite interface, the chunky buttons, the dual-screen chrome, the whole handheld aesthetic, as drop-in styles and web components. MIT-licensed and free, add it with one CDN link or an npm install.

There is no build step and no ops, it is a stylesheet. Pull it from unpkg with a link tag, grab the files from dist, or install the npm package, and you are styling. That simplicity is the point: this is a theme, not a framework you architect an app around.

Be clear-eyed about what this is, a novelty. It is a hobby project for building something with retro-console charm, a personal site, a game-jam entry, a portfolio piece with personality. For anything users rely on daily, reach for a real design system like Tailwind, Pico, or shadcn. For fun, ds.css delivers exactly what it promises.

The catch is longevity and scope. It covers parts of the DS UI, not a complete component set, and it carries the activity profile of a passion project, not production tooling. Great for a weekend build, risky as a foundation.

Free vs Self-Hosted vs Paid

fully free

Free: Everything, MIT. The DS and DS Lite styles and web components, via CDN, dist download, or npm.

Self-hosted: Just a stylesheet you ship with your site.

Paid: None.

Free and MIT; a fun retro theme, not a production design system.

Self-hosting ops:trivial

Get tools like this every Wednesday

One featured tool, three on the radar. No fluff.

Score
60/100 · B
Adoption8/30
Maintenance22/25
Community5/20
License15/15
Analysis10/10

License: MIT License

Use freely, including commercial. Just keep the license.

Commercial use: ✓ Yes

About

Owner
spiritov (User)
Stars
433
Forks
3

Explore Further

More tools in the directory