Lightboard
Canvas LED lightboard for React and shadcn/ui that scrolls text as a grid of lights, with seven-segment font and drawing.
Updated
LightBoard Demo
Controlled LightBoard with draw support
Try drawing on this board by clicking and dragging.
Drawing disabled
sketchpad
Try drawing on this board by clicking and dragging.
LightBoard is a canvas-rendered React component for shadcn/ui. Use it for landing page banners, status tickers, or playful interactive headers.
References
Inspiration
Installation
pnpm dlx shadcn@latest add @cult-ui/lightboard
Usage
// Example usage of the Dock component with animated cards and dividers
const LightBoardDemo = () => {
return (
<LightBoard
size={LightBoardSize.Large}
lightSize={4}
gap={1}
text="Hello World"
font="default"
updateInterval={100}
/>
);
};
export default LightBoardDemo;