DEV Community

Cover image for ds.css: A Pure CSS Nintendo DS Lite UI Framework
jQueryScript
jQueryScript

Posted on

ds.css: A Pure CSS Nintendo DS Lite UI Framework

ds.css: a CSS library that recreates the Nintendo DS Lite firmware interface for your web projects.

Key features include:

  • 16 themed colors with lighter shade variants built in
  • Colored buttons, inputs, radio groups, and progress bars
  • A Pictochat-style messaging panel with a highlight class
  • An alert component with an optional loading animation
  • Zero JavaScript, install via npm or copy the CSS folder directly

Good pick if you're building a retro portfolio, a nostalgia landing page, or just want a handheld console look without hand-coding every gradient.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)