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
  • Segmented Control

    Segmented Control

    57
  • Footer With Newsletter

    Footer With Newsletter

    56
  • Interactive Grid

    Interactive Grid

    48
  • Services List

    Services List

    28
  • Expandable Text

    Expandable Text

    14
  • Wave Lines

    Wave Lines

    12
  • Underline Link

    Underline Link

    11
  • Mask Reveal

    Mask Reveal

    6

More in Buttons

View all
  • Texture Button

    Texture Button

    98
  • Button

    Button

    1
  • Button

    Button

    68
  • Button

    Button

    65
  • Eclipse Button

    Eclipse Button

    3
  • Button Group

    Button Group

    14
  • Base Button

    Base Button

    4
  • App Store Button

    App Store Button

    459