SMAmmar

Anti Metal Button

Buttons 410

About

A sleek, dark-themed CTA button featuring a cascading dot-wave animation and a colorful accent slab that smoothly expands on hover.

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

Code

How Anti Metal Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { AntiMetalButton } from "@/components/ui/anti-metal-button";

export default function DemoOne() {
  return (
    <div className="flex min-h-[300px] w-full flex-col items-center justify-center gap-6">
      {/* Default */}
      <AntiMetalButton />
    </div>
  );
}

More by SMAmmar

View all
  • Scroll Reel Testimonials

    Scroll Reel Testimonials

    1.1K
  • Pixel Logo Grid

    Pixel Logo Grid

    764
  • Music Player Widget

    Music Player Widget

    378
  • Perspective Highlight

    Perspective Highlight

    194
  • Vercel Avatars

    Vercel Avatars

    7

More in Buttons

View all
  • Button

    Button

    14
  • Texture Button

    Texture Button

    92
  • Button

    Button

    63
  • Button

    Button

    34
  • Button Save

    Button Save

    46
  • Button

    Button

  • App Store Button

    App Store Button

    453
  • Notification Button

    Notification Button

    103