botão

Buttons

About

botão de iniciar

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

Code

How botão is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

// src/components/PublishButton.tsx
import { motion } from "framer-motion";

export default function PublishButton() {
  return (
    <motion.button
      whileHover={{ scale: 1.05, rotate: 1 }}
      whileTap={{ scale: 0.95 }}
      transition={{ type: "spring", stiffness: 300 }}
      className="px-6 py-3 bg-gradient-to-r from-purple-600 to-indigo-600 text-white font-bold text-lg rounded-full shadow-md hover:shadow-xl focus:outline-none transition-all duration-300"
    >
      Publicar
    </motion.button>
  );
}