SMAmmar

Anti Metal Button

Buttons 438

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

    772
  • Music Player Widget

    Music Player Widget

    381
  • Perspective Highlight

    Perspective Highlight

    195
  • Vercel Avatars

    Vercel Avatars

    7

More in Buttons

View all
  • Button

    Button

    5
  • Texture Button

    Texture Button

    97
  • Button Group

    Button Group

  • Eclipse Button

    Eclipse Button

    39
  • Button

    Button

    4
  • HeroUI Button Group

    HeroUI Button Group

  • Base Button

    Base Button

    4
  • App Store Button

    App Store Button

    458