ThreeDButton

A minimal 3D button with a clean deck-style press and sliding click sheen.

Preview

Props

Custom Label

Install

npx shadcn@latest add @evilbuttons/3d-button

Usage

import { ThreeDButton } from "@/components/evil-buttons/3d-button";

export function ButtonDemo() {
  return (
    <ThreeDButton>
      Continue
    </ThreeDButton>
  );
}

Props

PropTypeDefaultDescription
childrenReact.ReactNode"Continue"The visible button label or content.
classNamestring-Extra classes passed to the button.

All other <button> attributes (onClick, disabled, type, etc.) are forwarded.

Search docs

Jump to a button documentation page