Command Palette

Search for a command to run...

2.1kGitHub stars
Components

Spotlight Logo

SVG logo with a cursor-tracking gradient highlight and tactile press.

Loading…

Features

  • A radial-gradient highlight tracks the cursor and traces the SVG outline.
  • Pressing the mark morphs its paths with a spring and plays a tactile click.
  • Respects reduced motion and skips pointer tracking on touch devices.

Installation

pnpm dlx shadcn@latest add @ncdai/spotlight-logo

Usage

The mark renders its own SVG, so bring your own artwork by replacing the paths inside the component. Wrap it in a sized container to control the layout.

import { SpotlightLogo } from "@/components/spotlight-logo"
<SpotlightLogo />

Credits

References

Command Palette

Search for a command to run...