claude button

This is a rectangular badge-style logo with a beige background, a black border, and a drop shadow effect in orange. On the left, it has a starburst icon followed by the text Claude in serif font. On the right, it says Powered by Anthropic in bold uppercase letters.

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

import { Component } from "@/components/ui/claude-button";

export default function DemoOne() {
  return <Component />;
}