Shiny CTA

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/shiny-cta

Usage

import { ShinyButton } from "@reactbytes/shiny-cta";

export default function Example() {
  return (
    <ShinyButton />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | text | string | Join the waitlist | Label displayed on the button. | | duration | number | 3 | Rotation speed of the border gradient in seconds. | | highlightColor | color | rgb(0, 0, 255) | Primary color for the border and shimmer energy. | | highlightSubtleColor | color | #8484ff | Secondary color used for high-intensity highlights on hover. | | baseColor | color | #000000 | Background color of the button. | | textColor | color | #ffffff | Color of the label text. |

Presets

This component includes the following design presets:

• Blue Plasma (default)
• Emerald Pulse (emerald-pulse)
• Amber Glow (amber-glow)
• Crimson Rush (crimson-rush)
• Silver Blade (monochrome)

Credits & Inspiration

Inspiration

• Ryan Mulligan - Article Reference

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Shiny CTA.