Quick start

To start using this dashboard you will need to import some files in your current project or start from scratch using our template (scroll down in this page to view it).

Steps to install

  1. Make sure you have Node.js installed.

  2. Navigate to the main directory (from terminal) where package.json is located.

  3. Run npm install or yarn install

  4. Run npm run serve or yarn serve to start the local development server and start prototyping.


Argon comes with an extensive set of custom Svelte components.

Here’s the list of components:

  • Badge
  • BaseAlert
  • BaseButton
  • BaseDropdown
  • BaseHeader
  • BasePagination
  • BaseProgress
  • BaseSlider
  • BaseSwitch
  • BaseTable
  • ButtonCheckbox
  • ButtonRadioGroup
  • CloseButton
  • LoadingPanel
  • Modal
  • NavbarToggleButton

Bootstrap components

Many of Bootstrap’s components and utilities are built with @each loops that iterate over a Sass map. This is especially helpful for generating variants of a component by our $theme-colors and creating responsive variants for each breakpoint. As you customize these Sass maps and recompile, you’ll automatically see your changes reflected in these loops.

Bootstrap tutorial

Please check our official Youtube channel for more tutorials.