Documentation
Theming and Styling

🎨 Theming and Styling

Landing Page

The landing page, including all the pre-built components are built using the open source Mantine (opens in a new tab) component library.

💡

Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation

To change the theme of the landing page, you can edit the theme.ts file in the packages/landing-page/theme/ folder. Here's (opens in a new tab) a full guide on how that works.

For more information on how to use Mantine, please refer to the Mantine documentation (opens in a new tab).

Main SaaS Application

The main SaaS application also built using the open source Mantine (opens in a new tab) component library.

To change the theme of the landing page, you can edit the theme.ts file in the packages/main-app/theme/ folder. Here's (opens in a new tab) a full guide on how that works.

For more information on how to use Mantine, please refer to the Mantine documentation (opens in a new tab).

Decumentation Website

The Documentation website is built using the open source Nextra (opens in a new tab) project.

To change the theme of the landing page, you can edit the /landing-page/docs-theme.config.tsx file in the root of the packages/landing-page folder. Here's (opens in a new tab) a full guide on how that works.