Generating CSS3 multilayer box-shadow has never been easier. Also if you are looking for inspiration or a starting point, it contains about 100+ predefined presets and hundreds of designs made by the community.

Hey all. This tool is part of other upcoming tools. The plan is to make a directory of exceptional box shadows and to allow everyone to create their code and save it online. Right now it allows generating multilayer box shadows. Experiment with it and support it with a like. ;)

You have already repositories of box shadow elements on Tailwind UI and it's open source version - Flowbite. However, neither of those has option to live modify it. Which is crucial IMHO. However, if we think that users of those components are devs - then they understand CSS and know what to change to achieve specific effect - like it was presented in figma. Edit: forgot to mention, upvotes from me and I am looking forward where it goes

@konrad_bujak Cool! Didn't know about Flowbite. I'm not using tailwind either. However, since this tool is part of another big tool, I'm going to improve it and make it standout from the crowd by adding everything the devs need. Also, other generators are comming. One of the next point in my plan is to open the user contribution, collections and categorization, so the generator will serve as an editor for all shadows in the library. :))

Wow, this will make my life much easier!

@forst Thank you. Glad to see you like it.

Box Shadow Generator

Generate multilayer CSS3 box shadows

Generate multilayer CSS3 box shadows

Box Shadow Generator

Generate multilayer CSS3 box shadows

Generate multilayer CSS3 box shadows

Similar Products

Do you use Box Shadow Generator?

Do you use Box Shadow Generator?

You might also like