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