# adamgiebl/neumorphism

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/adamgiebl-neumorphism).**

6,109 stars · 324 forks · JavaScript · BSD-3-Clause

## Links

- GitHub: https://github.com/adamgiebl/neumorphism
- Homepage: https://neumorphism.io
- awesome-repositories: https://awesome-repositories.com/repository/adamgiebl-neumorphism.md

## Topics

`neumorphic-design` `neumorphic-ui` `neumorphism` `soft-ui`

## Description

🎉 Generate CSS for your Neumorphism designs

## Tags

### User Interface & Experience

- [Neumorphic CSS Generators](https://awesome-repositories.com/f/user-interface-experience/css-styling/neumorphic-css-generators.md) — Generates CSS code for soft UI design effects based on user-configured parameters. ([source](https://cdn.jsdelivr.net/gh/adamgiebl/neumorphism@master/README.md))
- [Neumorphic Effect Renderers](https://awesome-repositories.com/f/user-interface-experience/background-effects/background-visual-effects/canvas-visual-effects/css-filter-effects/css-effect-renderers/neumorphic-effect-renderers.md) — Relies entirely on standard CSS box-shadow and background properties to produce the neumorphic aesthetic.
- [Neumorphic Design Systems](https://awesome-repositories.com/f/user-interface-experience/css-styling/neumorphic-design-systems.md) — Generates soft UI CSS styles with neumorphic effects for modern web interfaces.
- [Neumorphic](https://awesome-repositories.com/f/user-interface-experience/pixel-art-css-toolkits/css-code-generators/neumorphic.md) — Generates CSS code for soft UI design effects with configurable parameters like shadow depth and color.
- [Slider-Bound Style Controllers](https://awesome-repositories.com/f/user-interface-experience/range-sliders/slider-bound-style-controllers.md) — Binds HTML range sliders directly to CSS output values via event listeners for real-time visual feedback.
- [CSS Shadow Depth Effects](https://awesome-repositories.com/f/user-interface-experience/ui-animations/3d-depth-effects/css-shadow-depth-effects.md) — Simulates 3D depth by layering inset and outset box-shadows with matching gradient backgrounds to create soft UI effects.
- [Single File Components](https://awesome-repositories.com/f/user-interface-experience/component-architectures/single-file-components.md) — Encapsulates all logic, styling, and markup within one HTML file, eliminating build tools and external dependencies.

### Part of an Awesome List

- [CSS Parameter Generators](https://awesome-repositories.com/f/awesome-lists/more/speech-and-audio-processing/generation-parameter-controls/css-parameter-generators.md) — Generates CSS output by mapping user-adjustable numeric parameters to specific shadow and gradient values.

### Web Development

- [Client-Side Runtimes](https://awesome-repositories.com/f/web-development/client-side-runtimes.md) — Computes all CSS values in the browser at runtime using JavaScript, with no server-side processing.