VelvetAdmin Pro: The Purple-Themed Dashboard with Gulp Build System
VelvetAdmin Pro — a premium purple-themed admin dashboard with Gulp-powered build system, Bootstrap 5, and elegant design. Asset optimization built-in. $29.
Design Philosophy
VelvetAdmin Pro uses purple as a primary color strategically:
Color Psychology:
Purple = Creativity + Luxury + Innovation
Primary: #7c3aed (Violet 600)
Hover: #6d28d9 (Violet 700)
Light: #ede9fe (Violet 100)
Accent: #a78bfa (Violet 400)
Body BG: #f5f3ff (Violet 50)
Sidebar: #1e1b4b (Indigo 950)
Cards: #ffffff (White)
The result is a dashboard that feels premium and modern without being overwhelming.
Gulp Build System
What makes VelvetAdmin unique among our dashboard offerings is its automated Gulp build pipeline:
const { src, dest, watch, series, parallel } =
require
(
"gulp"
)
;
const sass = require("gulp-sass")(require("sass"));
const autoprefixer = require("gulp-autoprefixer");
const cleanCSS = require("gulp-clean-css");
const uglify = require("gulp-uglify");
const imagemin = require("gulp-imagemin");
const browsersync = require("browser-sync").create();
function styles() {
return src("src/scss/**/*.scss")
.pipe(sass().on("error", sass.logError))
.pipe(autoprefixer())
.pipe(cleanCSS())
.pipe(dest("dist/css"))
.pipe(browsersync.stream());
}
function scripts() {
return src("src/js/**/*.js")
.pipe(uglify())
.pipe(dest("dist/js"));
}
function images() {
return src("src/images/**/*")
.pipe(imagemin())
.pipe(dest("dist/images"));
}
function serve() {
browsersync.init({
server: { baseDir: "./dist" },
port: 3000,
});
watch("src/scss/**/*.scss", styles);
watch("src/js/**/*.js", scripts);
watch("dist/*.html").on("change", browsersync.reload);
}
exports.build = parallel(styles, scripts, images);
exports.dev = series(exports.build, serve);
exports.default = exports.dev;
- SCSS compilation with live reload
- CSS autoprefixing + minification
- JavaScript uglification
- Image optimization (70-80% size reduction)
- BrowserSync for multi-device testing
- Automated build pipeline
- Revenue analytics with Chart.js
- Recent orders table
- User activity timeline
- Quick stats cards (revenue, users, orders, tickets)
- To-do widget with priorities
- Email client (inbox, compose, sent, drafts)
- Chat messenger with contact list
- Calendar with drag-and-drop events
- Kanban board for project management
- Buttons (12 variants including outline, gradient, icon)
- Cards (basic, image, horizontal, overlay)
- Modals and alerts (info, success, warning, danger)
- Tabs and accordions
- Progress bars and spinners
- Badges and labels
- Breadcrumbs and pagination
- Input groups with icons and validation
- Select2 dropdowns with search
- Date and time pickers
- Range sliders
- File upload with drag-and-drop
- WYSIWYG editor (Summernote)
- Form wizard (multi-step)
Comparison with Our Dashboard Family
Choose the right dashboard for your project:
| Feature | Flavex | NovaAdmin | VelvetAdmin | ZenithUI |
|---|
| Design | Neumorphism | Dark/Multi | Purple | Clean Light |
| Build tool | Manual | Manual | Gulp | Manual |
| SCSS | ✅ | ✅ | ✅ + Compiled | ✅ |
| Theme | Unique soft | 5 variants | Purple focused | Minimal |
| Best for | Creative | Enterprise | SaaS/Startup | Corporate |
| Price | $29 | $39 | $29 | $39 |
The SCSS architecture makes theming simple:
$primary: #7c3aed;
$secondary: #64748b;
$success: #10b981;
$danger: #ef4444;
$warning: #f59e0b;
$info: #06b6d4;
$sidebar-bg: #1e1b4b;
$sidebar-width: 260px;
$header-height: 64px;
Who Should Use VelvetAdmin
- SaaS startups — purple conveys innovation and premium quality
- Analytics platforms — charts and data tables are well-designed
- Project management tools — Kanban, calendar, and todo built-in
- Developer portfolios — sophisticated look for client management
- Marketing dashboards — campaign tracking and reporting
Complete Dashboard Collection Bundle
Get all 4 dashboards at a discount:
Follow on Pinterest for dashboard design pins.
Purple power meets professional build tools. VelvetAdmin Pro — Gulp workflow, SCSS architecture, $29.
Subscribe to my newsletter
Get the latest articles, tutorials, and updates delivered straight to your inbox. No spam, unsubscribe at any time.