Button Components

21st.dev / Magic UI buttons for TetraKits: rainbow gradient pill, shiny shimmer, interactive hover arrow, ghost outline glow, and pulsating neon. Framer Motion hover on every variant.

21st dev buttonsmagic ui buttonframer motion buttonshiny button reactinteractive hover button

5 free React components

Rainbow Gradient Pill

21st.dev Magic UI rainbow-button: indigo→violet→fuchsia gradient border pill, spring hover lift + glow. TetraKits “Brows…

Ghost Outline Button

shadcn outline button + Framer Motion: violet border glow, subtle fill, and shadow on hover. Secondary “View components”…

Magic UI Shiny Button

21st.dev magicui/shiny-button: looping CSS mask shimmer across violet highlight, hover lift + ring glow. “Copy free TSX”…

Interactive Hover Button

21st.dev interactive-hover-button: violet dot reveals on hover, label padding shift, ArrowRight spring slide. “Explore f…

Pulsating Neon Button

Magic UI pulsating + Aceternity moving border: cyan ping dot, spinning conic ring, neon box-shadow intensifies on hover.…