Back to Plugins
Neumorpher

Neumorpher

Create your own neumorphic styles with ease

neumorphism designeffectneumorphicinterfaceneumorphismdarkstyleslight

Plugin Preview

Neumorpher preview

About this plugin

Neumorpher transforms your layers into beautiful neumorphic elements with intuitive controls and real-time preview.


🎨 Neumorphic Effects

  1. Create soft, realistic neumorphic shadows that match your design
  2. Automatically analyzes and matches background colors
  3. Switch between outer and inner shadows instantly
  4. Live preview as you adjust


🎮 Intuitive Controls

  1. Interactive light source control with visual grid
  2. Depth slider for perfect shadow offsets
  3. Shadow intensity for subtle to strong effects
  4. Blur control for softer or sharper shadows


✨ Features

  1. Smart color matching with background
  2. Proportional depth based on element size
  3. Instant toggle between outer/inner shadows
  4. Works with any Figma element that supports effects
  5. Live preview of all changes


Perfect for:

  1. Modern UI design
  2. Mobile interfaces
  3. Component libraries
  4. Light/dark mode designs
  5. Custom buttons and cards
  6. Interactive elements
  7. Soft UI patterns


Made with ❤️ by Square One

Plugin Details

Version1
CreatedJanuary 12, 2025
Last UpdatedJanuary 13, 2025
Categoryediting & effects plugins
CreatorDylan de Heer
Stats142 installs, 22 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://cdn.tailwindcss.com
    • https://img.youtube.com
    • https://unpkg.com