Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
About this resource
Glass3D is a browser-based CSS generator for frosted-glass interface effects. Transparency, a blurred backdrop, texture and layered shadows give cards, panels and other web elements a sense of depth. The backdrop-filter section controls blur, brightness and saturation individually. The color section adjusts hue, saturation, lightness and opacity. Filters, color and texture can each be enabled or disabled. Five texture presets are available: rice paper, egg shell, ink jet, coarse and topology. Dark and light photographs plus a video backdrop help compare the effect against different content. Adjustments appear on the generator’s own interface. The Copy CSS control provides styles for a project. The generated rules combine CSS variables, backdrop-filter, pseudo-elements and shadows. Use the tool to explore a decorative accent, then check readability and performance in the intended interface. The generator is accessible without payment or registration. No separate public license for the site’s code was found. Textures come from Transparent Textures: review their terms and host the required texture yourself for production rather than relying on the demo’s external image URL.
Usage and licensing
Free access. No separate license for the site’s code was found; do not assume it is open source. Third-party textures retain their source terms. The creator recommends self-hosting textures for production.
Check the creator’s current terms before using this resource.Similar resources
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.