Gamepad.css

Collection of CSS buttons for all existing gaming consoles.
Or at least, all major consoles. Inspired by PSone.css

Documentation

Demo - Storybook

Storybook stories

• CSS Gamepad Buttons for Nintendo Game Boy Color
• CSS Gamepad Buttons for Nintendo Switch
• CSS Gamepad Buttons for Sony PlayStation 1
• CSS Gamepad Buttons for Sony PlayStation 2
• CSS Gamepad Buttons for Sony PlayStation 3
• CSS Gamepad Buttons for Microsoft Xbox 360
• CSS Gamepad Buttons for Microsoft Xbox One

Installation

npm install gamepad.css

Import styles into your favorite framework

import "gamepad.css/styles.min.css";

Or import them directly from jsdeliver.net

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/gamepad.css@latest/styles.min.css" />

Contribute

Fork the project and clone the repository

git clone https://github.com/dxlliv/Gamepad.css.git
cd Gamepad.css
npm install

Demo

npm run dev

Storybook

npm run storybook

License

Released under the MIT License