Setup UI

The SaaSify Kit uses Chakra UI for the UI. It is a pretty robust UI library that comes with a lot of components and customization options. You can find the theme configuration from the src/components/ui/provider.tsx file.

Theme

The kit out of the box uses default Chakra UI theme but you are open to customize it as per your needs. You can find the theme configuration from the src/components/ui/provider.tsx file.

You need to change the brand color that matches your brand. You can use this Brand color generation tool to get the Chakra UI compatible brand color that you can just copy paste in the src/components/ui/provider.tsx file.

Components

The kit comes with a lot of components that you can use to build your app. You can find the list of components from the src/components folder.

• Landing - Landing page components
• SideMenu - Dashboard side menu components
• ui - Chakra UI components