Astra

Star Border

A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.

Star Border, a Astra component

Use Star Border in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/StarBorder-TS-TW
How to install Astra components

Related components

  • Electric Border

    Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.

  • Electric Logo

    Turns any logo into a living lightning outline, with arcs that leap off its edges.

  • Glare Hover

    A glossy light streak that sweeps across any element in the direction the cursor moves.