Skip to content

React

Import from the React entry point:

import { NeoDisco } from "neodisco/react";
export function Hero() {
return (
<NeoDisco
theme="prism"
sparkle={0.72}
rotationSpeed={0.22}
/>
);
}

The React adapter manages mount, update, and cleanup. Rendering still happens in the shared Canvas core.

You can style the outer host with className and style, and style the generated canvas with canvasClassName and canvasStyle.