mkgzr
ds.css is a pure css framework and love letter to the DS / DS Lite's firmware.
Note (06/30/26)
Things are still a work-in-progress and not always thoroughly tested! Suggestions are welcome on the GitHub's Discussions page, and issues are too.
See the GitHub to get started, and use this page's sidebar to see what's included!
Manually resizing some components may look off (ex. buttons). The DS has a single repeating column for some of it's dithered gradients also included here.
Colors
16 themed colors are available. They work well with some component backgrounds!
Accordion
Accordion headers can be colored.
Details

The DS Lite Is An Insane Budget System For 2026. Did You Know? Modding A 3DS Is Surprisingly Easy

Buttons
Buttons have 3 widths, and can be colored.
Input
Inputs have optional bumpers to go before and after them.
Radio Buttons
Radio buttons need a color to appear selected.This example uses a css grid for its layout.
Note
Bring your own container for the <fieldset>! This example uses a grid for its layout.
Select an option
Grids
Grids should be provided with a width/height if they're empty.
Bars
Bars can appear colored.
Alert
Alerts can be paired with an optional loading animation (which could be used on its own, too!).
Looking for software available for download...
Info / Header Box
image
Settings
Change system settings here. Select the setting you'd like to change.
Pictochat
An optional selection / highlight class is available for pictochat elements.
A message..
Now leaving..