Explore Templates

Shadows

Add or remove shadows to elements with box-shadow utilities.

Shadow

You can also quickly add or remove a shadow with our box-shadow utility classes. Includes support for .shadow-none and three default sizes.

Shadow Direction

Change the directions of shadow on the go.

Shadow Hover

Add hover effect by adding .shadow-hover class. For additional sizes add .shadow-hover-*modifier classes.

Shadow Colors Option

Add hover effect by adding .shadow-hover class. For additional sizes add .shadow-hover-*modifier classes.