sing-app-vue-dashboard

# 🚀 Sing App Vue - A Free Admin Dashboard Template!

[View Demo](https://flatlogic.com/templates/sing-app-vue/demo) | [Download](https://github.com/flatlogic/sing-app-vue-dashboard/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum)

**Originally a premium product, now available for free!** 🎉

[![header_illustration_fb](https://user-images.githubusercontent.com/36201579/40110692-554a4650-5909-11e8-8cde-30a0dd1f65ad.jpg)](https://flatlogic.com/templates/sing-app-vue/demo)

Looking for a perfect codebase generator for your Startup? Try [Flatlogic AI Web App Generator](https://flatlogic.com/generator) - our new tool, sort of a template++.

---

## 🎯 Why Sing App Vue?
- **Ex-Premium**: This template was previously paid. Enjoy it for free now. 😉
- **Tons of components**: Packed with ready-to-use elements for rapid development.
- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens.
- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack.

---

## 🚀 Quick Start

Requires Node.js 22.22.2+, 24.15+, or 26+ (matching the supported LTS ranges in `package.json`).

### Project setup
```bash
npm ci
```

### Compiles and hot-reloads for development
```bash
npm run start
```

### If you use app with backend support, please use
```bash
npm run start:backend
```

### Compiles and minifies for production
```bash
npm run build
```

### Run your tests
```bash
npm run test:run
```

### Lints and fixes files
```bash
npm run lint
```

---

## 🧩 Features

- Fully Responsive
- Built with Vue 3 and Bootstrap 5
- Ready-to-use Components
- Modular Architecture
- Authentication System
- Charts and Data Visualization
- E-commerce Section
- Profile Page

---

## 🛠 Built With
- Vue 3
- Vue Router 4
- Pinia
- Bootstrap 5
- SCSS
- Vite

---

## 📦 Components
- UI Elements (Buttons, Modals, Forms)
- Authentication (Login, Signup)
- Charts
- Analytics Integration
- User Profile
- Navigation

---

## 🌍 Available Variants

|               | **Material**                                              | **Transparent**                                         | **Classic**                                          | **Sofia**                                          | **Flatlogic**                                      |
|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------|
| **React**     | [React Material Admin](https://github.com/flatlogic/react-material-admin) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react)