Neumorphism Generator MCP tool
findutils:neumorphism_generator Generate soft-UI (neumorphism) CSS from a single surface colour. The effect is a matched pair of shadows — a lighter one up-left and a darker one down-right — derived from the surface colour itself, which is why the element must sit on that same colour to read correctly. Shapes: flat, concave and convex change the background gradient; pressed moves both shadows inside with the inset keyword. Returns the full rule, the bare box-shadow value, the background, and the two derived colours.
Arguments
application/json-
color
string optional
Surface colour as a hex string (#rrggbb or #rgb). The element and its parent should share it. Default #e0e0e0. Default
"#e0e0e0". -
distance
number optional
Shadow offset in px (1 to 100). Default 20. Default
20. -
intensity
number optional
How far the two shadow colours move from the surface colour, in percent (1 to 100). Default 15. Default
15. -
blur
number optional
Blur radius in px (0 to 200). Default 60. Default
60. -
radius
number optional
Corner radius in px (0 to 200). Default 50. Default
50. -
shape
string optional
flat keeps a solid background; concave and convex add a gradient; pressed puts both shadows inside. Default flat. One of
flat · concave · convex · pressed. Default"flat".
Example arguments
Verified{
"color": "#e0e0e0",
"distance": 20,
"shape": "flat"
}More Generators tools
- Barcode Generator Generate a 1D barcode as an SVG string from text.
- Box Shadow Generator Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft…
- Caption Generator Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills…
- Clip Path Generator Generate a CSS clip-path from a named shape (triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, chevron…
- Color Palette Generator Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary…
- Css Animation Generator Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such…