CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3.
Play Game
hinastory.github.io/css-maximum-reversi/
QR Code
Screenshots
Features
Beautiful and Comfortable Reversi UI/UX
CSS-specific UI/UX
No Image
No SVG
No Canvas
No WegGL
Empowered by Vue3
Cross browser
Chrome, Safari, Firefox
Cross Platform
Windows, Mac, iPhone, iPad, Android
Landscape mode is not supported (iPhone and Android)
Running on the local machine
No Ajax
Reversi AI running on Web Worker
Requirements
Node.js
pnpm
Development
pnpm install
pnpm dev
Build
pnpm build
Acknowledgements
CSS3
Vue.js
TypeScript
SCSS(Sass)
Vite
pnpm
CodePen and Special Works
Satisfy – Google Fonts
Gradienta
Glass Morphism
License
MIT
(excluding music)