Layout

Choose your preferred layout

layoutlayoutlayout

Navigation

Menu comes in two modes: dark & light


Top Nav

Choose your liked color mode


Scrollable Header
brandbrand

Shadow

Shadow

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-hoverclass. 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