Pricing

Gradient Button

Animated conic border button using @property for a rotating gradient angle.

1,740

Bookmarks

5,310

Installs

51,200

Views

10 lines
import { GradientButton } from "@/components/ui/gradient-button"

export default function DemoGradientButton() {
  return (
    <div className="flex min-h-[240px] flex-col items-center justify-center gap-4">
      <GradientButton>Get Started</GradientButton>

4 more lines behind a plan

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

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
12/3/2025

Similar components

That's all 6 components

Explore more

Part of Solstice — browse the full library on Nuxus.