8bit Audio Settings

An 8-bit styled audio settings panel with master volume and SFX sliders plus mute and vibration toggle switches. Source-verbatim from the 8bitcn audio-settings block.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 8bit Audio Settings to your project and fits it to your theme.

import AudioSettings from "@/components/ui/8bit-audio-settings";

export default function Demo() {
  return (
    <div className="flex items-center justify-center min-h-screen p-8 retro">
      <AudioSettings className="w-full max-w-[600px]" />
    </div>
  );
}