Overview

This documentation is to help you understand the template’s structure. Please go through the documentation carefully to understand how this template is made and how to edit it properly. HTML, CSS, javascript and terminal/command line knowledge is required.

If you have any questions that are beyond the scope of this help file, please feel free to get in touch.

Support requests can go through the form on my Themeforest profile page or via email.

What is it?

Eleven - Multi-Purpose Bootstrap Admin Template is a creative admin template which comes with a React Next.js variant, angular variant, gohugo variant as well as an HTML/CSS/JS version. It comes out of the box with support ffor light and dark colour schemes, animated icons as well as a myriad of other features. With this, you get all you need to start working on your React/Angular/HTML SAAS, CRM, CMS or dashboard based project.

This template is NOT design to work with:

Wordpress

Whats included in support?

Responding to questions or problems regarding the item and its features
Fixing bugs and reported issues
Providing updates to ensure compatibility with new software versions

Whats not included in support?

Customization and installation services
Support for third party software and plug-ins

Before seeking support

Make sure your question is a valid item Issue and not a customization request.
Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
Make sure to double check the item FAQs.
If you have customized your item and now have an issue, back-track to make sure you didn’t make a mistake. If you have made changes and can’t find the issue, please provide us with your changelog.
Most of the time we find that the solution to people’s issues can be solved with a simple “Google Search”. You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
Make sure to state the name of the item you are having issues with when requesting support via ThemeForest.

Once you’ve purchased please consider giving a 5 star rating, it helps in pushing out more updates and adding a lot more features.

Installation

React/NextJS ang Angular versions

React ang Angular versions of the template requires Node and NPM or YARN to be installed.

Installing React prerequisites

Node.js and NPM: You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js

For yarn, you can find the installation instructions here.

Installing packages

Before proceeding you’ll need to install packages. You can do this by running npm install / yarn install from the root of your project to install all the required dependencies.

React Variables

In order to use Maps and openweather you’ll need to add the API keys inside the next.config.js file located in the root of your project. A next.config.js file is already provided, use this to add your api keys.

To get a mapbox access token follow this link https://www.mapbox.com

To get an open weather api key follow this link https://openweathermap.org/appid

Running React project

This template runs on Next.js . For detailed instructions on how to use it follow this link https://nextjs.org/docs/

To launch a dev server run npm run dev or yarn dev. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

To run a production ready build first run yarn build to build the project then run yarn start to start the server.

Running Angular project

This template runs on angular-cli . For detailed instructions on how to use it follow this link https://github.com/angular/angular-cli

To launch a dev server run ng serve. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

HTML Hugo version

Hugo is a static site generator. Hugo takes a source directory of files and templates and uses these as input to create a complete website.

Installing Hugo prerequisites

Hugo: To install Hugo for your prefered platform please follow instuctions as defined in the official docs https://gohugo.io/getting-started/installing/.

Node.js and NPM: You’ll also need to install Node and NPM or Yarn. You can see instructions on doing this above.

Installing packages

Before proceeding you’ll need to install packages. You can also follow the instructions defined above.

Running your project

For detailed instructions on how to use the CLI follow this link https://gohugo.io/getting-started/usage/

To launch a dev server run npm run dev or yarn dev. Navigate to http://localhost:1313/. The app will automatically reload if you change any of the source files.

To run a production ready build first run yarn build to build the project.

HTML version

This version comes with no special development instructions. The static files run out of the box.

Dashboard routes

Link

[{
  path: "/",
  name: "Home",
  icon: Home
  badge: {
    type: "danger",
    value: "5"
  }
}]

For the React version dashboard routes are dynamically defined in /lib/routes.js. For the Angular version dashboard routes are dynamically defined in /src/app/layout/menu/menu.service.ts. For Hugo, routes are defined in /data/sidebar.json. The syntax is the same except when defining your lottie icons.

Sub menus

Link with submenu

[{
  path: "/components",
  name: "Bootstrap UI",
  icon: Components,
  badge: {
    type: "danger",
    value: "5"
  },
  children: [
    {
      path: '/apps/calendar',
      name: 'Calendar'
    },
    {
      path: '/apps/messages',
      name: 'Messages'
    }
  ]
}]

Where:

path - path to your route
name - the text appearing in the sidebar
icon - in React - icon element displayed in the sidebar, in Hugo - path to lottie animated icon
badge - (optional) used to display the badge element. type takes any one of bootstrap color types.
Children - an array of submenu objects. The object takes in path and name

Layout Options

Add the following css classes to

to get different layouts. In React and Angular versions these options can be toggle dynamically in components/core/AppProver.js and src/app/admin-layout/admin-layout.component.ts respectively;

.dark-mode activates the dark mode theme.
.page-boxed activates boxed container.
.page-sticky-header makes the main header sticky when scrolling.
.page-sticky-sidebar makes the main sidebar sticky when scrolling.
.page-sidebar-collapsed activates compact sidebar.

React .Prop Types

The template comes with a myriad of css helper classes which can be found in /lib/globalStyles.js.

These are all the available helper classes used in the template

ActivityStream

ActivityStream.propTypes = {
  stream: PropTypes.arrayOf(
    PropTypes.shape({
      title: PropTypes.string,
      subtitle: PropTypes.string,
      avatar: PropTypes.string,
      body: PropTypes.string
    })
  ).isRequired
};

AnimatedIcon

AnimatedIcon.propTypes = {
  animationData: PropTypes.object.isRequired,
  size: PropTypes.number.isRequired,
  isStopped: PropTypes.bool
};

Avatar

Avatar.propTypes = {
  src: PropTypes.string,
  alt: PropTypes.string,
  size: PropTypes.number.isRequired,
  status: PropTypes.string,
  style: PropTypes.string
};

Divider

Divider.propTypes = {
  text: PropTypes.string
};

ImageStatCard

ImageStatCard.propTypes = {
  images: PropTypes.array.isRequired,
  imageHeight: PropTypes.number.isRequired,
  stats: PropTypes.arrayOf(
    PropTypes.shape({
      title: PropTypes.string,
      value: PropTypes.number
    })
  ).isRequired
};

NewsCard

NewsCard.propTypes = {
  feed: PropTypes.arrayOf(
    PropTypes.shape({
      from: PropTypes.string,
      avatar: PropTypes.string,
      subject: PropTypes.string,
      message: PropTypes.string
    })
  ).isRequired,
  title: PropTypes.string.isRequired,
  subtitle: PropTypes.element
};

PostCard

PostCard.propTypes = {
  title: PropTypes.string,
  subtitle: PropTypes.string,
  text: PropTypes.string.isRequired,
  images: PropTypes.array.isRequired,
  imageHeight: PropTypes.number.isRequired
};

Pricing

Pricing.propTypes = {
  title: PropTypes.string,
  subtitle: PropTypes.string,
  price: PropTypes.number,
  features: PropTypes.arrayOf(
    PropTypes.shape({
      title: PropTypes.string,
      available: PropTypes.bool
    })
  )
};

ProfileCard

ProfileCard.propTypes = {
  name: PropTypes.string.isRequired,
  avatar: PropTypes.string.isRequired,
  images: PropTypes.array.isRequired,
  imageHeight: PropTypes.number.isRequired,
  location: PropTypes.string.isRequired,
  stats: PropTypes.arrayOf(
    PropTypes.shape({
      title: PropTypes.string,
      value: PropTypes.number
    })
  ).isRequired
};

Sidebar.propTypes = {
  children: PropTypes.node.isRequired,
  sidebar: PropTypes.node.isRequired,
  open: PropTypes.bool,
  onSetOpen: PropTypes.func
};

SidebarItem

SidebarItem.propTypes = {
  route: PropTypes.object,
  index: PropTypes.number,
  activeRoute: PropTypes.number,
  toggleMenu: PropTypes.func
};

StatCard

StatCard.propTypes = {
  fill: PropTypes.bool,
  title: PropTypes.string,
  value: PropTypes.string,
  icon: PropTypes.element,
  type: PropTypes.string
};

Timeline

Timeline.propTypes = {
  title: PropTypes.string,
  timeline: PropTypes.arrayOf(
    PropTypes.shape({
      text: PropTypes.string,
      date: PropTypes.string
    })
  )
};

WeatherCard

WeatherCard.propTypes = {
  city: PropTypes.string,
  country: PropTypes.string,
  days: PropTypes.number
};

Icons

React

import your lottie animated icon object from public/animated-icons/ and use with AnimatedIcon component

Import

import FullScreen from "../../public/animated-icons/fullscreen/fullscreen.json";

Usage

<AnimatedIcon animationData={FullScreen} size={24} isStopped={true} />

HTML

import your lottie animated icon object from public/animated-icons/ and use it on a div with a data-animation-path attribute

Usage

<div style="width:24px;height:24px" data-animation-path="animated-icons/fullscreen/fullscreen.json"></div>

Lottie icons need to be accessed from a server http:// or https://, when running template files on file:// icons wont render. In this instance you can run yarn start or npm run start to launch a light weight server which you can access on http://localhost:3000. You can also run npx http-server

Official Docs

React

Component	Official link
Bootstrap	https://getbootstrap.com/
Next.js	https://nextjs.org
Reactstrap	https://reactstrap.github.io/
Lottie React Web	https://github.com/felippenardi/lottie-react-web
React ChartJS	https://github.com/jerairrest/react-chartjs-2
React Big Calendar	https://github.com/intljusticemission/react-big-calendar
React Quill	https://github.com/zenoamaro/react-quill
Simple React Validator	https://github.com/dockwa/simple-react-validator
React Image	https://github.com/mbrevda/react-image
React noSSR	https://github.com/kadirahq/react-no-ssr
React map gl	https://github.com/uber/react-map-gl
React beautiful dnd	https://github.com/atlassian/react-beautiful-dnd
NProgress	https://github.com/sergiodxa/next-nprogress
Date fns	https://date-fns.org/

Angular

Component	Official link
Angular	https://angular.io/
ng-bootstrap	https://ng-bootstrap.github.io/
Angular calendar	https://github.com/mattlewis92/angular-calendar
Quill	http://quilljs.com/
ngx validators	https://github.com/why520crazy/ngx-validator
ngx mapbox gl	https://github.com/Wykks/ngx-mapbox-gl
ngx lottie	https://github.com/ngx-lottie/ngx-lottie
ng2-charts	https://valor-software.com/ng2-charts/

HTML

Component	Official link
Fullcalendar	https://github.com/fullcalendar/fullcalendar
MapBox	https://docs.mapbox.com/mapbox-gl-js/
ChartJS	https://github.com/chartjs/Chart.js
Pristine	https://github.com/sha256/Pristine
Quill Editor	https://quilljs.com/docs/quickstart/

Download structure

.
├── html
│   ├── 404.html
│   ├── 500.html
│   ├── bootstrap-ui-alerts.html
│   ├── bootstrap-ui-badge.html
│   ├── bootstrap-ui-buttons.html
│   ├── bootstrap-ui-card.html
│   ├── bootstrap-ui-carousel.html
│   ├── bootstrap-ui-jumbotron.html
│   ├── bootstrap-ui-list-group.html
│   ├── bootstrap-ui-modals.html
│   ├── bootstrap-ui-other.html
│   ├── bootstrap-ui-progress.html
│   ├── calendar.html
│   ├── charts.html
│   ├── css
│   │   └── app.css
│   ├── forgot.html
│   ├── form-basic-form.html
│   ├── form-editor.html
│   ├── form-validation.html
│   ├── images
│   │   ├── 256x186.svg
│   │   ├── 318x180.svg
│   │   ├── 318x270.svg
│   │   ├── avatar.jpg
│   │   ├── face1.jpg
│   │   ├── face2.jpg
│   │   ├── face3.jpg
│   │   ├── face4.jpg
│   │   ├── face5.jpg
│   │   ├── transparent.svg
│   │   └── unsplash
│   │       ├── 1.jpg
│   │       ├── 10.jpg
│   │       ├── 11.jpg
│   │       ├── 12.jpg
│   │       ├── 13.jpg
│   │       ├── 14.jpg
│   │       ├── 15.jpg
│   │       ├── 16.jpg
│   │       ├── 17.jpg
│   │       ├── 18.jpg
│   │       ├── 19.jpg
│   │       ├── 2.jpg
│   │       ├── 20.jpg
│   │       ├── 21.jpg
│   │       ├── 22.jpg
│   │       ├── 23.jpg
│   │       ├── 3.jpg
│   │       ├── 4.jpg
│   │       ├── 5.jpg
│   │       ├── 6.jpg
│   │       ├── 7.jpg
│   │       ├── 8.jpg
│   │       └── 9.jpg
│   ├── index.html
│   ├── js
│   │   ├── app.js
│   │   ├── calendar.js
│   │   ├── charts.js
│   │   ├── dashboard.js
│   │   ├── editor.js
│   │   ├── location.js
│   │   ├── markers.js
│   │   └── validation.js
│   ├── lockscreen.html
│   ├── mapbox-location.html
│   ├── mapbox-markers.html
│   ├── media.html
│   ├── messages.html
│   ├── package.json
│   ├── pages-blank.html
│   ├── pages-invoice.html
│   ├── pages-pricing.html
│   ├── pages-timeline.html
│   ├── robots.txt
│   ├── signin.html
│   ├── signup.html
│   ├── social.html
│   ├── tables-basic-table.html
│   ├── tables-responsive.html
│   ├── taskboard.html
│   ├── vendor
│   │   ├── Chart.min.js
│   │   ├── animated-icons
│   │   ├── bootstrap.bundle.min.js
│   │   ├── fullcalendar
│   │   ├── jquery-3.4.1.slim.min.js
│   │   ├── lottie.js
│   │   ├── mapbox
│   │   ├── nprogress.css
│   │   ├── pristine.min.js
│   │   ├── quill
│   │   └── sortable.js
│   ├── widgets.html
│   └── yarn.lock
├── hugo
│   ├── assets
│   │   ├── js
│   │   │   ├── app.js
│   │   │   ├── calendar.js
│   │   │   ├── charts.js
│   │   │   ├── dashboard.js
│   │   │   ├── editor.js
│   │   │   ├── location.js
│   │   │   ├── markers.js
│   │   │   └── validation.js
│   │   └── sass
│   │       ├── activity.scss
│   │       ├── app.scss
│   │       ├── auth.scss
│   │       ├── calendar.scss
│   │       ├── card.scss
│   │       ├── dark-mode.scss
│   │       ├── divider.scss
│   │       ├── footer.scss
│   │       ├── header.scss
│   │       ├── map.scss
│   │       ├── media.scss
│   │       ├── messages.scss
│   │       ├── navigation.scss
│   │       ├── notification.scss
│   │       ├── pricing.scss
│   │       ├── quill.scss
│   │       ├── scaffold.scss
│   │       ├── sidebar.scss
│   │       ├── tables.scss
│   │       ├── taskboard.scss
│   │       ├── timeline.scss
│   │       ├── utilities.scss
│   │       ├── variables.scss
│   │       └── widget.scss
│   ├── config.json
│   ├── content
│   │   ├── 404.html
│   │   ├── 500.html
│   │   ├── _index.html
│   │   ├── bootstrap-ui
│   │   │   ├── alerts.html
│   │   │   ├── badge.html
│   │   │   ├── buttons.html
│   │   │   ├── card.html
│   │   │   ├── carousel.html
│   │   │   ├── jumbotron.html
│   │   │   ├── list-group.html
│   │   │   ├── modals.html
│   │   │   ├── other.html
│   │   │   └── progress.html
│   │   ├── calendar.html
│   │   ├── charts.html
│   │   ├── dashboard.html
│   │   ├── forgot.html
│   │   ├── form
│   │   │   ├── basic-form.html
│   │   │   ├── editor.html
│   │   │   └── validation.html
│   │   ├── lockscreen.html
│   │   ├── mapbox
│   │   │   ├── location.html
│   │   │   └── markers.html
│   │   ├── media.html
│   │   ├── messages.html
│   │   ├── pages
│   │   │   ├── blank.html
│   │   │   ├── invoice.html
│   │   │   ├── pricing.html
│   │   │   └── timeline.html
│   │   ├── signin.html
│   │   ├── signup.html
│   │   ├── social.html
│   │   ├── tables
│   │   │   ├── basic-table.html
│   │   │   └── responsive.html
│   │   ├── taskboard.html
│   │   └── widgets.html
│   ├── data
│   │   └── sidebar.json
│   ├── layouts
│   │   ├── _default
│   │   │   ├── auth.html
│   │   │   ├── redirect.html
│   │   │   └── single.html
│   │   ├── partials
│   │   │   ├── footer.html
│   │   │   ├── header.html
│   │   │   ├── meta.html
│   │   │   ├── scripts.html
│   │   │   ├── sidebar.html
│   │   │   ├── styles.html
│   │   │   └── top-header.html
│   │   ├── robots.txt
│   │   └── shortcodes
│   │       ├── feed.html
│   │       ├── image-stat-profile.html
│   │       ├── image-stat.html
│   │       ├── media.html
│   │       ├── post.html
│   │       ├── stat.html
│   │       └── weather.html
│   ├── package.json
│   ├── postcss.config.js
│   ├── static
│   │   ├── images
│   │   │   ├── 256x186.svg
│   │   │   ├── 318x180.svg
│   │   │   ├── 318x270.svg
│   │   │   ├── avatar.jpg
│   │   │   ├── face1.jpg
│   │   │   ├── face2.jpg
│   │   │   ├── face3.jpg
│   │   │   ├── face4.jpg
│   │   │   ├── face5.jpg
│   │   │   ├── transparent.svg
│   │   │   └── unsplash
│   │   │       ├── 1.jpg
│   │   │       ├── 10.jpg
│   │   │       ├── 11.jpg
│   │   │       ├── 12.jpg
│   │   │       ├── 13.jpg
│   │   │       ├── 14.jpg
│   │   │       ├── 15.jpg
│   │   │       ├── 16.jpg
│   │   │       ├── 17.jpg
│   │   │       ├── 18.jpg
│   │   │       ├── 19.jpg
│   │   │       ├── 2.jpg
│   │   │       ├── 20.jpg
│   │   │       ├── 21.jpg
│   │   │       ├── 22.jpg
│   │   │       ├── 23.jpg
│   │   │       ├── 3.jpg
│   │   │       ├── 4.jpg
│   │   │       ├── 5.jpg
│   │   │       ├── 6.jpg
│   │   │       ├── 7.jpg
│   │   │       ├── 8.jpg
│   │   │       └── 9.jpg
│   │   └── vendor
│   │       ├── Chart.min.js
│   │       ├── animated-icons
│   │       ├── bootstrap.bundle.min.js
│   │       ├── fullcalendar
│   │       ├── jquery-3.4.1.slim.min.js
│   │       ├── lottie.js
│   │       ├── mapbox
│   │       ├── nprogress.css
│   │       ├── pristine.min.js
│   │       ├── quill
│   │       └── sortable.js
│   └── yarn.lock
├── landing
│   └── index.html
├── now.json
└── react
    ├── components
    │   ├── Calendar.js
    │   ├── Charts.js
    │   ├── Dashboard.js
    │   ├── Editor.js
    │   ├── Forgot.js
    │   ├── Form.js
    │   ├── Grid.js
    │   ├── Invoice.js
    │   ├── Lockscreen.js
    │   ├── MapLocation.js
    │   ├── MapMarkers.js
    │   ├── Messages.js
    │   ├── NotFound.js
    │   ├── Pricing.js
    │   ├── ResponsiveTable.js
    │   ├── Signin.js
    │   ├── Signup.js
    │   ├── Social.js
    │   ├── Taskboard.js
    │   ├── Timeline.js
    │   ├── Validation.js
    │   ├── Widgets.js
    │   └── core
    │       ├── ActivityStream.js
    │       ├── AnimatedIcon.js
    │       ├── AppProvider.js
    │       ├── Avatar.js
    │       ├── Divider.js
    │       ├── Footer.js
    │       ├── Header.js
    │       ├── ImageStatCard.js
    │       ├── NewsCard.js
    │       ├── Page.js
    │       ├── PostCard.js
    │       ├── Pricing.js
    │       ├── ProfileCard.js
    │       ├── Sidebar.js
    │       ├── SidebarItem.js
    │       ├── SidebarMenu.js
    │       ├── StatCard.js
    │       ├── Timeline.js
    │       ├── UseHover.js
    │       ├── WeatherCard.js
    │       └── taskboard
    │           ├── Column.js
    │           ├── TaskItem.js
    │           ├── TaskList.js
    │           └── reorder.js
    ├── demos
    │   ├── Reactstrap
    │   ├── UI
    │   │   └── SectionTitle.js
    │   ├── examples
    │   └── map
    │       ├── city-info.js
    │       ├── city-pin.js
    │       ├── map-style-basic-v8.json
    │       ├── map-style.js
    │       └── utils.js
    ├── lib
    │   ├── fetch.js
    │   ├── helpers.js
    │   ├── lottie.js
    │   └── routes.js
    ├── next.config.js
    ├── package.json
    ├── pages
    │   ├── _app.js
    │   ├── _error.js
    │   ├── api
    │   │   ├── activity.js
    │   │   ├── calendar.js
    │   │   ├── chart.js
    │   │   ├── cities.js
    │   │   ├── contacts.js
    │   │   ├── dashboard.js
    │   │   ├── editor.js
    │   │   ├── feed.js
    │   │   ├── invoice.js
    │   │   ├── media.js
    │   │   ├── messages.js
    │   │   ├── notifications.js
    │   │   ├── pricing.js
    │   │   ├── social.js
    │   │   ├── taskboard.js
    │   │   ├── timeline.js
    │   │   └── weather.js
    │   ├── calendar.js
    │   ├── charts.js
    │   ├── components
    │   │   ├── alerts.js
    │   │   ├── badge.js
    │   │   ├── buttons.js
    │   │   ├── card.js
    │   │   ├── carousel.js
    │   │   ├── jumbotron.js
    │   │   ├── list-group.js
    │   │   ├── modals.js
    │   │   ├── other.js
    │   │   └── progress.js
    │   ├── forgot.js
    │   ├── forms
    │   │   ├── basic.js
    │   │   ├── editor.js
    │   │   └── validation.js
    │   ├── index.js
    │   ├── lockscreen.js
    │   ├── maps
    │   │   ├── location.js
    │   │   └── markers.js
    │   ├── media.js
    │   ├── messages.js
    │   ├── pages
    │   │   ├── blank.js
    │   │   ├── invoice.js
    │   │   ├── pricing.js
    │   │   └── timeline.js
    │   ├── signin.js
    │   ├── signup.js
    │   ├── social.js
    │   ├── tables
    │   │   ├── basic.js
    │   │   └── responsive.js
    │   ├── taskboard.js
    │   └── widgets.js
    ├── public
    │   ├── animated-icons
    │   ├── images
    │   │   ├── 256x186.svg
    │   │   ├── 318x180.svg
    │   │   ├── 318x270.svg
    │   │   ├── avatar.jpg
    │   │   ├── face1.jpg
    │   │   ├── face2.jpg
    │   │   ├── face3.jpg
    │   │   ├── face4.jpg
    │   │   ├── face5.jpg
    │   │   ├── transparent.svg
    │   │   └── unsplash
    │   │       ├── 1.jpg
    │   │       ├── 10.jpg
    │   │       ├── 11.jpg
    │   │       ├── 12.jpg
    │   │       ├── 13.jpg
    │   │       ├── 14.jpg
    │   │       ├── 15.jpg
    │   │       ├── 16.jpg
    │   │       ├── 17.jpg
    │   │       ├── 18.jpg
    │   │       ├── 19.jpg
    │   │       ├── 2.jpg
    │   │       ├── 20.jpg
    │   │       ├── 21.jpg
    │   │       ├── 22.jpg
    │   │       ├── 23.jpg
    │   │       ├── 3.jpg
    │   │       ├── 4.jpg
    │   │       ├── 5.jpg
    │   │       ├── 6.jpg
    │   │       ├── 7.jpg
    │   │       ├── 8.jpg
    │   │       └── 9.jpg
    │   └── nprogress.css
    ├── scss
    │   ├── activity.scss
    │   ├── app.scss
    │   ├── auth.scss
    │   ├── calendar.scss
    │   ├── card.scss
    │   ├── dark-mode.scss
    │   ├── divider.scss
    │   ├── footer.scss
    │   ├── header.scss
    │   ├── map.scss
    │   ├── media.scss
    │   ├── messages.scss
    │   ├── notification.scss
    │   ├── pricing.scss
    │   ├── quill.scss
    │   ├── scaffold.scss
    │   ├── sidebar.scss
    │   ├── tables.scss
    │   ├── taskboard.scss
    │   ├── timeline.scss
    │   ├── utilities.scss
    │   ├── variables.scss
    │   └── widget.scss
    └── yarn.lock

Overview

What is it?

This template is NOT design to work with:

Whats included in support?

Whats not included in support?

Before seeking support

Installation

React/NextJS ang Angular versions

Installing React prerequisites

Installing packages

React Variables

Running React project

Running Angular project

HTML Hugo version

Installing Hugo prerequisites

Installing packages

Running your project

HTML version

Dashboard routes

Links

Sub menus

Layout Options

React .Prop Types

ActivityStream

AnimatedIcon

Avatar

Divider

ImageStatCard

NewsCard

PostCard

Pricing

ProfileCard

Sidebar

SidebarItem

StatCard

Timeline

WeatherCard

Icons

React

HTML

Official Docs

React

Angular

HTML

Download structure