playstation-ds5-white

A white DualSense (PS5) controller skin for gamepadviewer.com — SVG layers that tilt the sticks, compress the triggers, and light the buttons live as you play.

What it is

A fork of the PS5 white skin from Istador/gamepadviewer-skins, packaged as a standalone repo. It's a set of SVG layers + a single style.css that positions and animates them in response to gamepad input. Face buttons are shown at all times.

How to use

On gamepadviewer.com, paste this into the custom CSS field of the URL-generation dialog:

https://brendanwelsh.github.io/playstation-ds5-white/style.css

What's in here

• base.svg / shell.svg — controller body
• abxy.svg — face buttons (Cross / Circle / Square / Triangle, always shown)
• dpad.svg — directional pad
• sticks.svg — analog sticks
• triggers.svg / bumpers.svg — L1/L2/R1/R2
• back_start.svg — Create / Options
• touchpad.svg — center touchpad
• lightbar.svg — light bar above the touchpad
• meta.svg — PlayStation logo button
• disconnected.svg — fallback when no controller is connected
• style.css — positions + animates the layers from gamepad input
• preview.png — static preview image

Credit

• Original skin: Istador/gamepadviewer-skins (MPL-2.0)
• Gamepad viewer: gamepadviewer.com (mrmcpowned)

Related

• elite-series-2-white — the same white-controller treatment for the Xbox Elite Series 2.

License

Mozilla Public License 2.0 — see LICENSE.md. Modifications to source files must stay MPL-2.0; combined works can use another license as long as the MPL files keep their notices.