Docs
LightBoard

LightBoard

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.

Installation

pnpm dlx shadcn@latest add "https://manfromexistence-ui.vercel.app/r/lightboard"

Usage

import { LightBoard } from "@/components/lightboard"
// 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
3D CarouselFractal Grid