Wing Admin Dashboard

If you are a react developer or a react website owner that needs to work within a dashboard and want to have a pretty sight while doing so, Wing Admin Dashboard is for you. It is a Bootstrap Admin Panel which combines soft colours with beautiful typography and spacious cards and graphics. It is a powerful tool, and it is light and easy to use. It has enough features to allow you to get the job done, not crowded to the point where you can't find the files for a specific plugin.

If you like consistency and design that blends into its purpose. It is a perfect example of our most thoughtful work. It combines over a dozen components and plugins, while looking like everything fits together. For an easy start or inspiration for you project, have also created a set of example pages, like the user settings or usage graphics.

Bootstrap Support: Built on top of the much awaited Bootstrap and uses the most used react framework that implements the Bootstrap components on react, reactstrap. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap and/or reactstrap project; you can just import the its style over it. Most of the elements have been redesigned; but if you are using an element has not been touched, it will fall back to the Bootstrap default.

Example Pages: Want to fully display the power of this dashboard, so the kit comes packed with examples showing you how to use the components.

File Structure

Within the download you'll find the following directories and files:

├── LICENSE.md
├── README.md
├── jsconfig.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── index.js
    ├── routes.js
    ├── components
    │   ├── FixedPlugin
    │   │   └── FixedPlugin.jsx
    │   ├── Footer
    │   │   └── Footer.jsx
    │   ├── Navbars
    │   │   └── DemoNavbar.jsx
    │   └── Sidebar
    │       └── Sidebar.jsx
    ├── layouts
    │   └── Admin.jsx
    ├── variables
    │   ├── charts.jsx
    │   ├── general.jsx
    │   └── icons.jsx
    ├── views
    │   ├── Dashboard.jsx
    │   ├── Icons.jsx
    │   ├── Map.jsx
    │   ├── Notifications.jsx
    │   ├── Tables.jsx
    │   ├── Typography.jsx
    │   ├── Upgrade.jsx
    │   └── User.jsx
    └── assets
        ├── demo
        ├── fonts
        ├── github
        ├── img
        │   └── faces
        |   └── readme
        └── scss
            ├── chunks
            │   ├── cards
            │   ├── mixins
            │   ├── plugins
            │   └── react
            │       ├── custom
            │       └── react-differences.scss
            └── main.scss

Requirments

• npm ^6.14.8

Quick start

Quick start options:

• Download from Github.
• Extract file.
• Run npm i
• Then npm start

Contributing

I am more than happy to accept contributions to the project. Contributions can be in the form of feedback, bug reports or even better - pull requests :)