Vsparks is the complete package that was built to help you create a custom and unique user interface for your project.

With Vsparks you’re not limited to creating a single page for your admin panel. You’ll have over many pre-built page templates to choose from, covering many popular scenarios and content types. Like the main admin demos, all the page templates are highly customizable.

You can add any of the pre-built UI elements to your design. The options are vast, with elements including buttons, badges, widgets, timeline, modals, progress bars, and more. They can all be customized to ensure they fit in or contrast with the rest of your dashboard as desired.

VSPARK is based on a modular design, which allows it to be easily customised and built upon any backend project in no-time. Our documentation will guide you through installing the template and exploring the various components that are bundled with the template.

Vsparks is packed with pages that come complete with documented code to simplify the customization process.

Author: Vsparks

Vsparks supports all latest browsers (Chrome, Firefox, Safari) including Edge.

Vsparks is a simple static HTML template so it's simple to install it.

Vsparks/ 
├──dist
│  ├─assets/
│  ├─├─bundles/
│  ├─├─css/
│  ├─├─fonts/
│  ├─├─images/
│  ├─├─Plugins/
├──documentation
├──js/
├──node_modules
├──scss/
│  ├─base/
│  ├─font/
│  ├─mixins/
│  ├─pages/
│  ├─skeleton/
│  ├─skins/
│  ├─uikit/
│  ├─main.scss/
├──Gruntfile.js
├──package.js

Vsparks is a simple static HTML template so it's simple to customization.

There are three type of Dashboard Option.

• Analytics
• ECommerce
• Trading

There are two type of logo's available in Vspark.one is Svg Logo and second is Text Logo

• change svg logo in navigation menu
• change text logo in sidebar menu

All pages of Vsparks are available in dark version and high-contrast version.

Just change the name of the Data-theme: [data-theme="light"] by [data-theme="dark"]by [data-theme="high-contrast"].

Just simply change variable color code

just simply change anchor tag font icon.menu create using flex and menu toggle for using collapse.

Just select Contrast layout in setting option

Light/Dark & Contrast Layout

Just select Color Skins layout in setting option.there are multiple color combinations option available

Color Skins

Just change body tag class For EX. theme-orange ,theme-yellow etc..

Customize color combinations theme here Primery color & Secondary color File:themes.scss

Note: Theme Color Class put in to body tag.

Feather Icons - <i class="fe fe-ICON_NAME"></i>

Simple Line Icons - <i class="icon-user"></i>

Font Awesome - <i class="fa fa-ICON_NAME"></i>

Flags - <i class="flag flag-ICON_NAME"></i>

Payments - <i class="payment payment-ICON_NAME"></i>