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.

HTML-in-Canvas Demos

Hacker News Top

A collection of CSS and Web UI demos from the Chrome DevRel team, including HTML-in-Canvas demos.

Show HN: A CSS 3D Engine (no WebGL)

Hacker News Top

PolyCSS is a CSS polygon mesh library that renders 3D models as real HTML elements using CSS matrix3d, supporting OBJ/MTL, GLB, and VOX formats with React, Vue, or vanilla JS.