Kits and tools
Soft UI kits and generators, with the fine print.
What each one includes, what it costs, what license it's under, and how recently it was updated, straight from its own page. Check contrast and focus yourself before you ship any of them.
UI kits and templates
-
Bootstrap
Neumorphism UI
By Themesberg
Over 200 components and 5 example pages (about, pricing, contact, log in, register), including an inset shadow style, built with Bootstrap, Sass and Gulp, plus a plain HTML and CSS folder. The page lists version 1.0, released and last updated 6 years before we checked in September 2026.
- Price
- Free ($0)
- License
- MIT. The GitHub repo includes an MIT LICENSE, and Themesberg's EULA says all its free items are open source under MIT.
-
Bootstrap
Neumorphism UI PRO
By Themesberg
Over 1000 components, 25+ sections and 13 example pages, built with Bootstrap, Sass and Gulp. The changelog's only release is v1.0 from May 2020.
- Price
- $69 Freelancer, $199 Company, $499 Enterprise (prices exclude VAT)
- License
- Themesberg EULA tiers. Freelancer: 1 domain, 1 developer, 6 months of support and updates. Company: unlimited domains, 1 to 5 developers, lifetime updates. Enterprise: 5 to 15+ developers with extended redistribution rights.
-
Figma
Neumorphism UI Kit
By Lichin (Figma Community)
A Figma prototype file with buttons, switches, progress bars, pagination, selectors and more. It lists 48.7k users and had last been updated 5 years before we checked in September 2026.
- Price
- No price listed (free Community file)
- License
- CC BY 4.0.
-
Figma
Dark Neumorphic UI Kit
By Creativetagx (UI8)
13 iOS screens (414 x 896) for a smart home automation app, with layered, customizable components. It works in Sketch, Figma and Adobe XD.
- Price
- $13
- License
- UI8 license (Terms last updated May 2025). You can use it in unlimited end products but can't resell or redistribute the assets, including as UI kits or templates.
-
Figma
Neumorphic Soft UI Kit - NEU
By Delightful Design (Creative Market)
Light and dark components and 15 ready-made screens for Sketch, Photoshop and Figma. The page says both "70+" and "more than 50" components, and notes the XD versions lack inner shadows.
- Price
- Personal $37, Commercial $49, Extended Commercial $299
- License
- Creative Market license tiers listed on the page: Personal, Commercial, Extended Commercial.
-
React
ui-neumorphism
By Ankit Kumar Pandit (AKAspanion)
More than 50 React components (alerts, avatars, badges, buttons, cards, carousel, checkbox, chips, dialog, lists, progress, radio, switch, table, tabs, text fields, tooltip, typography) with CSS-variable theming. The npm registry shows the latest release, 1.1.3, dated February 2021, with React 16 peer dependencies.
- Price
- Free
- License
- MIT.
-
Tailwind
tailwindcss-neumorphism-ui
By junwen-k
A Tailwind CSS plugin with nm-protrude and nm-dent presets from sm to 2xl, plus modifiers for distance, blur, shadow color, highlight color and light source. There are no built-in concave or convex utilities. Version 2.0.1 (June 2026) lists Tailwind CSS 4.0.0 or later as a peer dependency.
- Price
- Free
- License
- MIT.
-
HTML/CSS
Uiverse neumorphism elements
By Uiverse.io community contributors
192 community-made UI elements tagged neumorphism in September 2026, each with copyable code in plain CSS or Tailwind.
- Price
- Free
- License
- MIT. The site footer says all UI elements are published under the MIT License.
Generators and plugins
-
Tool
Neumorphism.io
Browser-based CSS generator by Adam Giebl. You pick a color and adjust size, radius, distance, intensity, blur and shape, then copy the border-radius, background and two-shadow box-shadow CSS. The page also links to neumorphism-tagged elements on Uiverse.
- Cost
- No price, account or sign-up shown. It runs in the browser.
- License
- Source code on GitHub (adamgiebl/neumorphism) is BSD-3-Clause. The site footer reads "© 2026 Adam Giebl, All rights reserved." We didn't find separate terms for the CSS it generates.
-
Tool
Neumorphism CSS Generator (SquarePlanet on hype4.academy)
Generator with settings for color, size, radius, distance, intensity and blur. It outputs border-radius, background and box-shadow CSS, including -webkit- prefixed lines. It lives on the hype4.academy domain, now branded SquarePlanet, which sells UI design books and courses.
- Cost
- No price shown. The generated CSS appears without logging in.
- License
- None stated on the page.
Open Neumorphism CSS Generator (SquarePlanet on hype4.academy)
-
Tool
Neumorphism (Figma plugin)
Figma plugin by Fabian B. You select a layer and it adds shadows and gradient fills you can adjust. The page advises using the same color for the layer and its background and avoiding pure white or black. It lists 103k users and had last been updated 6 years before we checked in September 2026.
- Cost
- No price or in-app purchase listed on the Figma Community page.
- License
- Community Free Resource License (Figma).
-
Tool
Neumorphism Shadow Generator (Figma plugin)
Figma plugin by Eugenio Ciccale. It offers light source direction, shadow intensity, gradient or solid backgrounds, flat, concave, convex or pressed shapes, corner radius and inner shadows, and can save a shadow as a style. Version 4 (July 2026) added Figma Slides support.
- Cost
- $12 one-time in-app purchase, as listed on the plugin page
- License
- Community Paid Resource License (Figma).
-
Tool
Neumorphism CSS Generator (design.dev)
Generator with presets (Soft, Gentle raised, Pressed, Inset depth, Gradient, Convex dome, Bold, Dramatic depth) and a live preview on a card, button, input, toggle and icon. It shows the text contrast ratio against WCAG AA and exports CSS, CSS variables or Tailwind. Its sample button code includes a :focus-visible outline.
- Cost
- No price shown for the generator. A "Start for free" banner on the page advertises a separate website-building platform.
- License
- None stated on the page.