PS1 / PSX Horror UI Pack for React — Accessible Game Menus & Modals

Bring atmospheric, retro-console menus and overlays to your React game or interactive project with this clean, logic-driven UI asset pack. Designed for indie developers, prototypers, and game jam teams, this system handles the boring, error-prone parts of game UI so you can focus on your narrative and mechanics.

⚡ Why This Kit?

Most UI packs are just static images. This is a fully functional UI system.

• Production-Ready Logic
  Built-in keyboard navigation (Arrow keys + Enter/Space) and smart focus management, safe for React StrictMode.

• Pro-Level Accessibility
  Robust modal focus trapping and full ARIA semantics for screen-reader compatibility.

• Zero Dependencies
  Pure React + CSS. No Tailwind, no Framer Motion, no UI frameworks, no bloat.

• Performance-Friendly
  No runtime animation libraries. All effects handled in lightweight CSS.

• Reduced Motion Support
  Built-in CSS hooks that respect system-level “Reduced Motion” settings.

🎮 Ideal For

• React Web Games
  Works cleanly with Vite, Next.js, and modern React setups.

• Atmospheric Genres
  Horror, sci-fi, industrial, occult, and retro-inspired interfaces.

• Fast Iteration
  Drop-in components for prototyping, game jams, and vertical slices.

📦 What’s Inside

• Menu.jsx
  Keyboard-navigable vertical menus with StrictMode-safe autofocus.

• Modal.jsx
  Accessible dialogs with Escape-to-close and robust focus trapping.

• Button.jsx
  Multi-variant buttons (primary, secondary, danger) with safe defaults.

• ui.css
  Centralized CSS variables for instant re-skinning and theming.

• Atmosphere Layer
  Optional CSS-based scanlines, noise, and vignette effects.

📜 License

MIT Licensed — use in commercial or personal projects without restriction.