Manual Installation

Note:

Only one installation method is available right now. More options will be added in the future. If you would like to contribute, I would truly appreciate it.

Requirements

NextJS 16 or later
React 19 or later
Tailwind Css 4 or later

Installation Guide

Setting Up Your Next.js Project

Please refer to the official Next.js documentation when creating a new project. When setting it up, make sure to enable TypeScript and Tailwind CSS, as MijnUI depends on both.

Install Dependencies

Install the required packages:

npm install   @mijn-ui/react-core tw-animate-css tailwind-variants tailwind-merge

Tailwind CSS Configuration

Configure Tailwind CSS by updating your globals.css file:

globals.css

@import "tailwindcss";
@import "tw-animate-css";
@import "@mijn-ui/react-core/theme.css";

That's it

You can now start adding components to your project. Check out the components section to learn more about the available components.