Choose your preferred layout


Menu comes in two modes: dark & light

Top Nav

Choose your liked color mode

Scrollable Header
brand brand



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

No shadow
Small shadow
Regular shadow
Large shadow
Extra Large shadow
Class Values
class="shadow" Add regular shadow to any element.
class="shadow-[value]" sm / lg / xl
class="shadow-none" Remove shadow from any element.
Shadow Direction

Change the directions of shadow on the go.

Class Values
class="shadow-[value]" top / bottom / left / right
Shadow Hover

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

Class Values
class="shadow-hover" Add regular size hover effect on any element.
class="shadow-hover-[value]" sm / lg / xl