reactbits-mcp-server/src/content/TextAnimations/ShinyText/ShinyText.jsx

MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements

import './ShinyText.css';

const ShinyText = ({ text, disabled = false, speed = 5, className = '' }) => {
  const animationDuration = `${speed}s`;

  return (
    <div
      className={`shiny-text ${disabled ? 'disabled' : ''} ${className}`}
      style={{ animationDuration }}
    >
      {text}
    </div>
  );
};

export default ShinyText;