What is ds.css?

This is a CSS framework that recreates the look of the Nintendo DS and DS Lite user interface, so any web page can borrow that nostalgic handheld console style for its buttons, menus, and other elements. Instead of writing your own styling from scratch, you add one stylesheet and standard HTML elements pick up the DS look automatically. The easiest way to use it is to link directly to the hosted file from unpkg in the head of an HTML page, so there is nothing to install. You can also download the finished files from the dist folder and host them yourself, or install the package through npm if your project already uses a package manager and a build step. If you only want the DS styling applied to part of a page rather than the whole site, there is a scoped version of the stylesheet. You link that version instead, then wrap the section you want styled in a div with a specific class name, leaving everything outside that div looking like ordinary HTML. Beyond plain CSS, the project also includes a small set of interactive widgets built as web components, such as a calendar, that you can drop into any page with a single script tag and a custom HTML tag like ds-calendar. These widgets can be used the same simple way in plain HTML, or imported into a JavaScript framework such as Svelte. The README lists a couple of open ideas for the future, including more components inspired by Pictochat and other DS features, so the project is still actively being expanded. This is aimed at web developers and designers who want a quick, distinctive retro look for a personal site, game jam entry, or fun project without building a custom design system themselves.