Where is the mantine option when using the CLI or refine.new?

When trying to create a new NextJS Project either with the CLI or the website, mantine is not provided as an option. Why & How can I use it anyways?
4 Replies
kapa.ai
kapa.ai3mo ago
Hi @chillihero. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Refine provides built-in support for Mantine, a free, open-source MIT-licensed React components library. When creating a Refine application using the command-line interface (CLI), you should be able to select Mantine as the UI framework in the command prompt. The Refine CLI will bootstrap a Refine application and install the necessary Mantine packages for you. Here's how you can create a new Refine application with the CLI:
npm create refine-app@latest -- my-refine-app
npm create refine-app@latest -- my-refine-app
After running the command, you will be prompted to select the options you want to use for your project. You should be able to select Mantine as the UI library of your choice. If you're not seeing Mantine as an option, it's possible that there might be an issue with your current version of Refine. Make sure you're using the latest version of Refine. If you're still having trouble, you can manually install Mantine in your Refine project. Here's how you can do it: 1. Create a new Next.js application:
npx create-next-app@latest --typescript
npx create-next-app@latest --typescript
2. Install Mantine packages:
npm install @mantine/core @mantine/hooks
npm install @mantine/core @mantine/hooks
3. Set up MantineProvider in your application by wrapping your entire app with the MantineProvider component. For more information, you can refer to the Refine documentation (https://refine.dev/docs/guides-concepts/development) and the Mantine setup guide (https://refine.dev/blog/mantine-ui-react#setting-up-mantine-ui). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai3mo ago
<@267614892821970945> kapa.ai is still learning and improving, please let us know how it did by reacting below
fascinating-indigo
fascinating-indigo3mo ago
No description
exotic-emerald
exotic-emerald3mo ago
Mantine is still maintained but no longer supported with refine.new or CLI. you can use this example as a starter https://github.com/refinedev/refine/tree/master/examples/base-mantine npm create refine-app@latest -- --example base-mantine