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

    52
  • Footer With Newsletter

    Footer With Newsletter

    41
  • Services List

    Services List

    23
  • Interactive Grid

    Interactive Grid

    18
  • Expandable Text

    Expandable Text

    14
  • Underline Link

    Underline Link

    9
  • Wave Lines

    Wave Lines

    6
  • Newsletter Signup Card

    Newsletter Signup Card

    5

More in Buttons

View all
  • Button Save

    Button Save

    46
  • Button

    Button

    20
  • Eclipse Button

    Eclipse Button

    5
  • Button

    Button

    32
  • Button

    Button

    6
  • Button

    Button

    14
  • Button Group

    Button Group

    37
  • Split Button

    Split Button

    32