Halo Button

A call to action with one arc of light orbiting its border and a dot matrix that lights up beneath it.

Remix

0

Bookmarks

0

Installs

0

Views

26 lines
import { ArrowRight, Sparkles } from "lucide-react"
import { HaloButton } from "@/components/ui/halo-button"

export default function DemoHaloButton() {
  return (
    <div className="flex min-h-[360px] w-full flex-col items-center justify-center gap-8 bg-background p-8">
      <HaloButton size="lg">
        Start building free

18 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/14/2026

Similar components

That's all 6 components

Explore more

Part of Solstice — browse the full library on Nuxus.