Louis Studios

LED Badges

Text 3

About

A loose pile of 3D LED name badges in gunmetal bezels, each scrolling its own neon dot-matrix marquee while winking smileys glow. Move the pointer to tilt the pile, click to flash every LED.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds LED Badges to your project and fits it to your theme.

Code

How LED Badges is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import * as React from "react"
import { LedBadges } from "@/components/ui/led-badges"

export default function LedBadgesDemo() {
  return (
    <div className="relative h-screen min-h-[560px] w-full bg-black">
      <LedBadges className="absolute inset-0 h-full w-full" />
    </div>
  )
}

More by Louis Studios

View all
  • Dot Tiles

    Dot Tiles

    83
  • Lens Clock

    Lens Clock

    30
  • Melt Mark

    Melt Mark

    24
  • Wave Type

    Wave Type

    18
  • Brick Digits

    Brick Digits

    14
  • Effort Slider

    Effort Slider

    4
  • Metaball Loader

    Metaball Loader

    4
  • Neon Pulse

    Neon Pulse

    2

More in Text

View all
  • Rainbow Text Effect

    Rainbow Text Effect

    52
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • Apple Hello Effect

    Apple Hello Effect

    640
  • Text Reveal

    Text Reveal

    26
  • NeonRGBTextEffect

    NeonRGBTextEffect

    152
  • Blur Reveal

    Blur Reveal

    329
  • Random Letter Swap

    Random Letter Swap

    368
  • Shine Border

    Shine Border

    982