For light design and bright compositions use standard shadows. To apply a shadow to an element simply add one of the following classes to it.
Hey there 👋 we want to make Tailwind Elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!
.shadow-inner utility to apply a subtle inset box
shadow to an element. This can be useful for things like form controls or
Shadow on hover
.transition-shadow class to the element to apply a shadow
Images with shadow
Theoretically, depending on the brightness of the image you should use standard or strong shadow. However, practical use shows that in most graphics strong shadows work better in most cases with images.
If you are looking for more advanced options, try Bootstrap Images from MDBootstrap.