Mantine Dashboard

A simple beautiful dashboard! This project is built using Mantine, Framer Motion, Vite, and TypeScript. It serves as a modern, responsive, and highly customizable dashboard template.

screen-1 screen-2 screen-3
screen-4 screen-5 screen-6

|

Table of Contents

Features

  • Responsive Design: Optimized for different screen sizes.
  • Dark Mode: Seamless dark mode integration.
  • Animations: Smooth animations with Framer Motion.
  • Fast Development: Powered by Vite for lightning-fast builds.
  • TypeScript: Type-safe development.

Demo

Check out the live demo here.

Todo

Installation

To get started with this project, clone the repository and install the dependencies:

git clone https://github.com/your-username/mantine-dashboard.git
cd mantine-dashboard
npm install

Usage

To start the development server, run:

npm run dev

Open your browser and navigate to http://localhost:5173 to see the application in action.

To build the project for production, run:

npm run build

Contributing

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements