Neumorphic Buttons

Show Preview
Neumorphic Buttons
Neumorphic Buttons

About Neumorphic Buttons

Add the soft UI look to any Framer site or prototype with one component. This neumorphic button delivers a sleek, extruded style with realistic hover and pressed states, and no shadow layers to build by hand.

What you get:

- One flexible component, controlled entirely from Framer's property panel

- Custom colors for the base, shadow and highlight

- Adjustable corner radius and edge depth

- Add your own icon or SVG

- Built-in hover and pressed states for a tactile click

- Works for light and dark layouts

Great for media players, dashboards, calculators, smart-home controls, settings panels and app UI.

Drop it in, tweak the properties to match your design system, and ship.

Related Components

LiquidMorphButton
Wave Reveal Button
Dark Mode Toggle
Haptic Feedback