Théo Balick

Spotlight Button

Buttons

About

A button that follows the pointer with a soft radial light matching the text color, usable on any button variant.

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

Code

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

Usage.tsx

import { SpotlightButton } from "@/components/ui/spotlight-button";

export default function SpotlightButtonDemo() {
  return <SpotlightButton size="lg">Start building</SpotlightButton>;
}

More by Théo Balick

View all
  • Interactive Grid

    Interactive Grid

    80
  • Footer With Newsletter

    Footer With Newsletter

    66
  • Segmented Control

    Segmented Control

    61
  • Services List

    Services List

    30
  • Wave Lines

    Wave Lines

    22
  • Expandable Text

    Expandable Text

    14
  • Underline Link

    Underline Link

    12
  • Mask Reveal

    Mask Reveal

    9

More in Buttons

View all
  • Button

    Button

    74
  • Button

    Button

    1
  • Button

    Button

    7
  • Button

    Button

    66
  • Texture Button

    Texture Button

    101
  • Base Button

    Base Button

    1
  • Native Button

    Native Button

    27
  • HeroUI Button Group

    HeroUI Button Group

    1