// TREND STYLE DISCO BALL RENDERING

NeoDisco

Render chrome, gold, and prism disco balls in vanilla JavaScript, React, or Vue without a 3D engine.

LIGHTWEIGHT

Canvas core, tiny adapter layer

PERFORMANT

requestAnimationFrame by default

FLEXIBLE

Themes, seeds, density, glow

FRAMEWORK AGNOSTIC

Vanilla, React, Vue

ZERO 3D DEPENDENCIES

No WebGL engine required

// PLAYGROUND

Shape the light before you ship.

Switch theme, density, sparkle, glow, and speed, then watch the renderer update instantly.

theme: prism tiles: 54

// INSTALL + EXAMPLES

Install once, then switch between vanilla, Vue, and React with the same renderer options.

import { createNeoDisco } from "neodisco";

createNeoDisco(document.querySelector("#hero"), {
  theme: "prism",
  tileColumns: 54,
  sparkle: 0.7
});

import { NeoDisco } from "neodisco/vue";

<NeoDisco
  :options="{ theme: 'prism', tileColumns: 54, sparkle: 0.7 }"
/>

import { NeoDisco } from "neodisco/react";

<NeoDisco
  theme="prism"
  tileColumns={54}
  sparkle={0.7}
/>