Cosmic Button

Animated link or button for React and shadcn/ui with a glowing cosmic gradient border that grows on hover, for landing page CTAs.

Updated

CosmicButton is a polymorphic React button and link component for shadcn/ui. Use it for landing page calls to action or launch announcements, rendering an anchor by default or a button through the as prop.

Installation

pnpm dlx shadcn@latest add @cult-ui/cosmic-button

Usage

As a link (default):

<CosmicButton href="/about">About</CosmicButton>

As a button:

<CosmicButton as="button" onClick={handleClick}> Submit </CosmicButton>