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
  • Footer With Newsletter

    Footer With Newsletter

    56
  • Segmented Control

    Segmented Control

    55
  • Interactive Grid

    Interactive Grid

    41
  • Services List

    Services List

    26
  • Expandable Text

    Expandable Text

    14
  • Wave Lines

    Wave Lines

    11
  • Underline Link

    Underline Link

    11
  • Mask Reveal

    Mask Reveal

    6

More in Buttons

View all
  • Texture Button

    Texture Button

    96
  • Button

    Button

    5
  • Button Group

    Button Group

  • Eclipse Button

    Eclipse Button

    39
  • App Store Button

    App Store Button

    458
  • Button

    Button

    4
  • HeroUI Button Group

    HeroUI Button Group

  • Base Button

    Base Button

    4