Could we have a feature of having custom width & height of the shown component? Not asking to make it but asking if its a possible future feature of the app.

Thanks for awesome project.
I wish I could use this code as a npm package. Do you have any plan in your mind?

The following is an example of how the black color rendering causes an issue for the user's UX:

In my opinion, this can be enhanced by allowing the user to clearly distinguish and denote where the shape is, even if the color may be black.

I would like to have a switch between distance unit: px and em.

I like to use only em.

I don't know what's causing this, can you please tell me the solution?

Blur slider automatically moves along with the distance slider when the distance is changed on Chrome version 88.0.4324.150

I've been recently playing with luminance differences, and made an npm package that also generates alpha shades (black or white, with a certain opacity). It generates solid shades too, but I see you've taken care of that already.

I think this website could benefit from alpha shadows, since it's more common to have the box-shadow property set to something not fully opaque (as overlaps would look weird - overlapping shadows wouldn't be darker).

Since it's not a package (or something storage-critical), but just a website, I don't think there's any harm to adding extra dependencies for this utility. If you would consider this to be a good idea as well, I could PR that change.

If, however, you'd rather not add to the dependencies list, you could take a look at the mini-package I made to write it yourself faster.