Neumorphism.io: CSS shadow generator for Soft UI

About this resource

Neumorphism.io creates soft, dimensional surfaces for web interfaces. This focused browser tool explores Soft UI by combining light and dark shadows to suggest depth against a matching background. Adjust the color, element size, corner radius, shadow distance, intensity and blur independently. The preview helps compare treatments before transferring the styles into a project. Four shape modes are available: Flat, Concave, Convex and Pressed. They make it easy to explore flat, recessed, raised and inset appearances using the same starting color. Copy the result as CSS containing border-radius, background and box-shadow declarations. It is useful for prototyping cards, panels and decorative surfaces; accessibility, contrast and interaction states still need separate testing. The generator is accessible without payment or registration. Its application source is published on GitHub under BSD 3-Clause, whose notice requirements apply when reusing or distributing that application code.

Usage and licensing

Free web tool. The application source uses BSD 3-Clause; retain the required notices and terms when distributing its code. No separate license for generated CSS snippets was stated on the inspected page.

Check the creator’s current terms before using this resource.

Tags

Show more (24) Show less