Neumorphism, also called Soft UI, uses paired light and dark shadows to create controls that appear raised from or pressed into the background. This collection focuses on free Neumorphism design resources, including Figma UI kits, mobile and dashboard concepts, icon packs, CSS examples, and front-end libraries.
Start with the UI kits for editable screens, components, and app concepts. The code section includes pure CSS examples, older Bootstrap 4 projects, NEOMO, and newer Tailwind CSS, React, and Vue options. The icon section includes Figma resources, Adobe XD designs, and 3D icon sets.
Last Updated: September 8, 2026
Table of Contents
- Free Neumorphic UI Kits
- Neumorphic CSS & Front-End Libraries
- Neumorphic Icons & Illustrations
- Neumorphic Design Examples & Concepts
Free Neumorphic UI Kits
Neumorphism App Designs
A Figma UI kit with six complete neumorphic app concepts, including a calculator and smart-home controller. The file uses a consistent color palette and reusable components.
Neomorphism UI Kit
A clean Neomorphism UI kit with ready-to-use components and pre-built layouts.
Neumorphic UI Components + Mobile Kit
A Figma Community resource with neumorphic components and mobile UI layouts.
Neumorphic Alarm Clock
Concept for an alarm clock app using Neumorphic style.
Calendar app with Neumorphism design
A Neumorphism style calendar app design in Figma.
Simple Neumorphic UI Figma
A simple neumorphic UI resource for Figma.
Crypto Wallet Neumorphism Mobile App
A cryptocurrency wallet mobile app concept with neumorphic cards and controls.
Neumorphic UI & Wireframe Kit
A Neumorphism Design-inspired UI Kit that includes 40 mobile screens and 100+ UI components. Light and Dark modes are included.
Neumorphism UI Kit Figma
A minimal Neumorphism UI Kit that includes several UI components like button, switch, progress bar, pagination, select, and more.
Instagram UI Kit Neumorphic Style
An Instagram UI kit with neumorphic versions of stories, posts, and profile grid layouts.
Neumorphism Figma Kit
A Figma neumorphism kit with more than 30 screens and editable UI elements.
Neuomorphic Button UI Mini Kit
A dark Neumorphic style knob & action button UI Kit for Sketch app.
Neumorphic Shadow UI Kit
A Figma Community UI kit focused on raised and inset shadow treatments.
Lo-Fi Neumorphic UI and Wireframe Kit Freebie
Low Fidelity Neumorphic UI & Wireframe Kit. Open source free wireframe kit. 40 Mobile Screens. 100+ Components. Light and Dark Modes.
Neumorphism Light and Dark Mode
Neumorphism Light and Dark Mode UI design in Figma.
Dark & Light Neumorphism UI Kit Adobe XD
A NEUMORPHISM UI kit (dark & light) for Adobe XD.
Free Neuromorphism Form Kit
A form UI kit with neumorphic input fields and controls.
Neumorphic Light Elements For Figma
Neumorphic style UX/UI elements in a Figma file.
Smart Home App Neumorphism Design
A neumorphic style smart home app design for Adobe XD.
Neumorphism UI Kit Figma
A free Figma UI kit with neumorphic interface components and layouts.
Neumorphism Dark UI KIT
A dark version Neumorphism UI kit in Figma format.
Neumorphic Shadow UI Pack
A neumorphic UI pack built around raised and inset shadow styles.
Finance App & Calculator Design
A finance app and calculator concept using neumorphic controls and card surfaces.
Minimal Neumorphism UI Kit
A minimal clean Neumorphism UI Kit for Figma app.
Neumorphic Web Design
A Neumorphic style website template for Figma app.
Free Neumorphic UI Kit for Figma
A dark style Neumorphic UI Kit for Figma app.
Neumorphism Button Kit
A Neumorphism Button Kit (Dark & Light mode) to create Neumorphic style, rounded/circular buttons in your next design project.
Neumorphic Health & Workout App
A neumorphic health and workout mobile app design for Adobe XD.
FREE Neumorphic Elements Sketch File
A free Sketch file with neumorphic interface elements.
Neumorphism UI Kit (3 Color Variables) Figma
A modern neumorphic UI Kit (Figma) that comes with 3 color variables: dark, light, and Purple.
Cool Neumorphism UI Kit
A neumorphic UI kit for Sketch.
Unicorn Neumorphism UI Elements
A Figma Community collection of colorful neumorphic UI elements.
Neumorphism Smarthome Mobile UI
A smart-home mobile UI concept in neumorphic style.
Google Neumorphism UI
A Google-inspired interface concept rendered in neumorphic style.
Neumorphism UI Elements
A grey style Neumorphism UI Kit for Figma app.
Neumorphism Mobile Payment UI Design
A dark mobile payment interface concept with neumorphic cards and controls.
Free Neumorphic GUI Unicorn Style
A free GUI concept with colorful neumorphic interface elements.
Neomorphic Travel UI Kit Free
Light Neumorphism UI kit for travel mobile app.
Free Neomorphic UI Kit for Adobe Xd
A light Neomorphic UI Kit for Adobe XD APP.
Dark Neomorphic UI Kit
A dark mobile & web UI kit in the neomorphic style. Available for Adobe XD app.
Neumorphism UI kit for Figma
A pretty clean Neumorphism UI kit for Figma app.
Dashboard Interface UI Kit For Sketch
A dashboard UI kit provided as a Sketch resource.
Neumorphic App Template For XD App
A neumorphic app template for Adobe XD.
Freebie Neumorphic UI Elements
A set of Neumorphism elements: progress bar, player controls, toggle button, form fields, etc.
Neomorphic Darkness Free UI Kit
A Neomorphic sci-fi UI Kit (Dark Mode) for Adobe XD.
Free Neumorphic UI kit Adobe XD
A free neumorphic UI kit for Adobe XD.
Neumorphic Finance App Design UI
A pretty nice Finance App UI kit following the Neumorphism specification.
Neumorphism UI kit
A Neumorphism UI kit designed for mobile app & dashboard & admin panel. Available as a Sketch file.
Neumorphic CSS & Front-End Libraries
This section includes current front-end packages and older Bootstrap 4 projects. Check the framework dependency before using an older code resource in a new project.
TailwindCSS Neumorphism
A Tailwind CSS plugin that provides neumorphic shadow utilities. The current 2.x branch is designed for Tailwind CSS 4 and uses the MIT License.
@carton-org/react-neumorphism
A React component library for neumorphic layouts and controls, distributed through npm under the MIT License.
@nmorph/nmorph-ui-kit
A Vue 3 and Nuxt component library with neumorphic and skeuomorphic styling. The package uses the MIT License.
NEOMO
NEOMO is an open-source neumorphism design framework with CSS and JavaScript components. It can be installed through npm or Yarn, or loaded from jsDelivr, and uses the MIT License.
Neumorphic Style Login Form In Pure CSS
Login form based on Neomorphism Concept.
Neumorphic Style UI Framework Based On Bootstrap 4
A Neumorphism inspired UI Kit that helps you create trendy webpages and web apps in Neumorphic style, built with Bootstrap 4 framework.
Analog Clock
A simple neumorphic analog clock with dark and light modes, built with plain JavaScript and CSS.
Neumorphism UI Framework Based On Bootstrap 4
A Bootstrap 4-based neumorphism framework for responsive web interfaces.
CSS Only Neumorphic UI Framework Based On Bootstrap – NenmorphismCSS
A CSS-only Bootstrap 4 theme with neumorphic components and page styles.
Skeuos CSS library
A lightweight pure-CSS framework for neumorphic web interfaces.
neumorph.scss
neumorph.scss is an SCSS library based on Bootstrap 4 that provides a variety of Neumorphic UI elements to implement the Neumorphism Design Trend on your webpage.
Soft UI CSS Shadow Generator
A convenient CSS shadow generator for Soft/Neumorphism UI design.
Neumorphic Icons & Illustrations
FREE 3D Neumorphism illustrations
A Figma Community set of 3D illustrations with neumorphic forms.
Neumorphism Style Icons
A fully editable set of neumorphism-style icons available free for commercial projects.
18 Neumorphism HD Icons
A Figma Community set containing 18 neumorphic HD icons.
E-commerce & Business Icon Set
A set of neumorphic e-commerce and business icons.
Neumorphism MacOS Big Sur 30 3D Icon Set
Neumorphic style 3D icons for macOS Big Sur.
Neumorphism UI Icon Design
Neumorphism UI icons made in Adobe XD.
Neomorphism Icons
A large set of Neomorphism Icons built with JavaScript, CSS, and Emoji.
Neumorphism Free Icon Set
20+ neumorphism icons for UI design.
Neumorphic Design Examples & Concepts
Project Manager Dashboard Neumorphism UI
A dark Neumorphic style dashboard design for project manager app.
Google Drive Neumorphic Redesign
A Google Drive desktop app redesign in neumorphic style.
Light Music Player
A light soft music player in the Neumorphic style.
Instagram Neumorphic Redesign Concept
An Instagram app redesign concept in neumorphic style.
Neumorphic style Dashboard Concept
A smart-home dashboard concept using neumorphic panels and controls.
Neumorphism and Accessibility
Neumorphism depends on subtle contrast between a surface and its shadows. Use clear text and icon contrast, visible focus states, and recognizable borders for interactive controls. Avoid relying on shadow depth alone to show whether a button, field, or card is interactive.
Related UI Design Resources
- 100+ Best Free Mobile App UI Kits for Prototyping
- 50+ Most Popular Web UI Kits For Free Download
- 80+ Best Free Dashboard/Admin Panel UI Kits & Templates
- 100+ Best Free Material Design Resources for UI Design
- 100 Glassmorphism Style Icons For Figma
