Skip to content

Overview

NeoDisco is a Canvas 2D renderer for chrome, gold, and prism mirror-ball visuals.

Project links:

The package is intentionally split into one rendering core and thin framework adapters:

  • Vanilla JavaScript uses createNeoDisco().
  • React uses the NeoDisco component from neodisco/react.
  • Vue uses the NeoDisco component from neodisco/vue.

The visual is art-directed rather than physically simulated. Canvas 2D gives us mirrored tiles, glow, flares, deterministic seeds, and responsive sizing without a WebGL or Three.js dependency.

import { createNeoDisco } from "neodisco";
createNeoDisco(document.querySelector("#hero")!, {
theme: "prism",
sparkle: 0.7
});
  • Small runtime.
  • Stable visual output through seed.
  • Same look across vanilla, React, and Vue.
  • Tunable enough for product sites, launch pages, and generative social graphics.