Neumorphism 3D Button

A 3D neumorphic button with realistic shadows and press effects.

Installation

Run the following command to install the component:

npx rareui add neumorphism-3d-button

This will install the component to components/rareui/ directory.

Usage

import { Neumorphism3DButton } from '@/components/rareui/neumorphism3DButton';

export default function App() {
  return (
    <Neumorphism3DButton onClick={() => alert('Clicked!')}>
      Press Me
    </Neumorphism3DButton>
  );
}

Props

PropTypeDefaultDescription
childrenReact.ReactNode"Click Me"The content to display inside the button.
onClick() => void-Callback function when the button is clicked.
disabledbooleanfalseWhether the button is disabled.
Previous
Next