Orb Button

A modern, interactive React UI component styled as a "magic orb." It features a gradient background, a CSS keyframe glow animation, and a shimmering light effect that activates on hover. It's built as a button element, ready for onClick events.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Orb Button to your project and fits it to your theme.

import  MagicOrb  from "@/components/ui/orb-button";

export default function DemoOne() {
  const handleOrbClick = () => {
    // Replaced alert with console.log as requested by guidelines
    console.log('Magic Unleashed!');
  };
return (
    <div className="app-container">
      <MagicOrb onClick={handleOrbClick}>
        Cast Spell
      </MagicOrb>
    </div>
  );
}