Neumorphism 3D Button
A 3D neumorphic button with realistic shadows and press effects.
Installation
pnpm dlx rareui add neumorphism-3d-button
Usage
Usage
1
Import the component
import { Neumorphism3DButton } from '@/components/rareui/neumorphism3DButton';
2
Use in your application
export default function App() {
return (
<Neumorphism3DButton onClick={() => alert('Clicked!')}>
Press Me
</Neumorphism3DButton>
);
}
Features
Multiple box-shadow layers create convincingly substantial depth.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | "Click Me" | The content to display inside the button. |
onClick | () => void | - | Callback function when the button is clicked. |
disabled | boolean | false | Whether the button is disabled. |