NewAI SDK Agents

LightBoard

PreviousNext

A fun lightboard component used to display moving text and draw in a visually appealing way.

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.

References

Inspiration

Installation

pnpm dlx shadcn@latest add https://cult-ui.com/r/lightboard.json

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