Components
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.
Loading preview...
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>
);
}