Skip to content

Mantis is React Dashboard Template having combine tone of 2 popular react component library - MUI and Ant Design principles.

License

Notifications You must be signed in to change notification settings

Amiraddos/sabat-react-dashboard-template

Repository files navigation

Sabat React Dashboard Template 🚀

Sabat React Dashboard

Welcome to the Sabat React Dashboard Template! This project offers a versatile and user-friendly dashboard template built with React. It combines the best features of two popular component libraries: Material-UI (MUI) and Ant Design. This template is perfect for developers looking to create admin panels, analytics dashboards, or any other application requiring a robust UI.

Table of Contents

Features

  • Responsive Design: The template adapts to different screen sizes, ensuring a great user experience on mobile and desktop.
  • Modular Components: Use a wide range of pre-built components that you can customize according to your needs.
  • Dark and Light Themes: Switch between themes easily, giving your application a modern look.
  • Integration with Popular Libraries: Seamlessly integrate with MUI and Ant Design components.
  • Easy to Use: Designed for developers of all skill levels, with clear documentation and examples.

Installation

To get started with the Sabat React Dashboard Template, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/Amiraddos/sabat-react-dashboard-template.git
  2. Navigate to the Project Directory:

    cd sabat-react-dashboard-template
  3. Install Dependencies:

    npm install
  4. Start the Development Server:

    npm start

Your dashboard should now be running on http://localhost:3000.

Usage

After setting up the project, you can start using the components provided in the template. Explore the src/components directory to find reusable components. Each component has its own folder with examples and usage instructions.

Components

The Sabat React Dashboard Template includes a variety of components:

  • Navigation Bar: A responsive navigation bar that adapts to different screen sizes.
  • Sidebar: A collapsible sidebar for easy navigation between sections.
  • Cards: Display data in a clean and organized manner using card components.
  • Charts: Integrate charts to visualize data effectively.
  • Forms: Use pre-built form components to collect user input.

Customization

You can customize the template to fit your project's needs. Here are some ways to do that:

  • Themes: Modify the theme settings in src/theme.js to change colors, fonts, and other styles.
  • Component Styles: Each component can be styled using inline styles or by creating custom CSS files.
  • Routing: Adjust the routing in src/App.js to include new pages or features.

Contributing

We welcome contributions! If you would like to contribute to the Sabat React Dashboard Template, please follow these steps:

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

License

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

Contact

For any inquiries or feedback, feel free to reach out:

Releases

You can find the latest releases of the Sabat React Dashboard Template here. Download the latest version and follow the installation instructions to get started.

Release Badge

Explore the Releases section for updates, bug fixes, and new features. If you have any issues or suggestions, please check the issues section or create a new one.


Thank you for checking out the Sabat React Dashboard Template! We hope you find it useful for your projects. Happy coding!

About

Mantis is React Dashboard Template having combine tone of 2 popular react component library - MUI and Ant Design principles.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Contributors 6

Languages