Switch between multiple built-in themes by setting the data-skin attribute in the tag. Themes like shadcn, corporate, spotify, saas, nature, and many more are pre-configured for quick integration and visual consistency across your layout.
data-skin="material" in the <html> tag to use the Material theme.
data-skin="modern" in the <html> tag to use the Modern theme.
data-skin="saas" in the <html> tag to use the Saas theme.
data-skin="flat" in the <html> tag to use the flat theme.
data-skin="minimal" in the <html> tag to use the Minimal theme.
Simply add the class class="monochrome" to the <html> tag. This will enable Monochrome Mode instantly—no need to modify any CSS or JavaScript files.
<html lang="en" class="monochrome">