ds.css: A css framework recreating the DS / DS Lite's UI

Lobsters Hottest Tools
css-framework retro-ui nintendo-ds open-source ui-library

Summary

ds.css is a CSS framework that recreates the Nintendo DS / DS Lite user interface, available via GitHub and npm for easy integration into web projects.

<p><a href="https://lobste.rs/s/loubrx/ds_css_css_framework_recreating_ds_ds_lite">Comments</a></p>
Original Article
View Cached Full Text

Cached at: 07/03/26, 04:19 AM

spiritov/ds.css

Source: https://github.com/spiritov/ds.css

image

ds.css

A css framework recreating the DS Lite’s UI. Preview what’s included here!

to use it, you can either copy and use the contents of /css, or install via npm

npm i @spiritov/ds.css

todo

  • clock (with optional js, like here)
  • calendar (with optional js, like here)
  • more pictochat components(?)
  • extra ds-inspired components(?)

Similar Articles

CSS-DOS — A computer made of CSS

Lobsters Hottest

A creative project that builds a DOS-like computer interface entirely with CSS, showcasing the power of modern frontend styling.

readable.css

Lobsters Hottest

readable.css is a CSS framework that provides a sensible and beautiful base default for websites, with features like light/dark mode, responsive design, and vertical rhythm, emphasizing consistency and semantic HTML.

98.css

Hacker News Top

98.css is a CSS library for building interfaces that look like Windows 98, offering semantic HTML components and zero JavaScript.

tailwindlabs/tailwindcss

GitHub Trending (daily)

Tailwind CSS is a popular utility-first CSS framework for rapidly building custom user interfaces, with full documentation and community resources available.