Neumorph Button
Neumorphic button for React and shadcn/ui with soft shadows, four intents, three sizes, a loading spinner, and press animation.
Updated
Button Variants
Button Sizes
Full Width Button
Disabled Buttons
Hover and Active Effects
Hover over and click these buttons to see the animations.
Loading State
Click the button to see the loading animation.
Neumorph Button is a React button component for shadcn/ui, animated with Motion. Use it for form submits, toolbar actions, or calls to action in soft, tactile interfaces.
References
Inspiration
Installation
pnpm dlx shadcn@latest add @cult-ui/neumorph-button
Usage
export default function Example() {
return <NeumorphButton>Click me</NeumorphButton>;
}