/Neumorphic-CSS-Generator

A CSS Generator for Neumorphism/Soft UI design

Primary LanguageTypeScript

Neumorphic CSS Generator

With Neumorphism you can give your users a novel and delightful experience for the low low price of two box shadows!

This app made with React in Typescript to quickly generate CSS in the neumorphic style.

Live demo

GIF demo

HoNqczN.mp4

Feature list

  • Adjusted to match color
  • Real-time Preview
  • Shadow Configuration
    • Angle
    • Distance
    • Intensity
    • Blur
    • Concavity

Running it

# Clone this repo
$ git clone http://github.com/Rawallon/Neumorphic-CSS-Generator

# To install any dependencies
$ npm install

# To make it start!
$ npm start

# Horay!