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
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:
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:
2. Install Mantine packages:
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:
----------------------<@267614892821970945> kapa.ai is still learning and improving, please let us know how it did by reacting below
initial-roseOP•11mo ago
wise-white•11mo 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