Veylix — Tailwind CSS Admin Dashboard

Veylix is a modern, responsive eCommerce operations admin dashboard built with Tailwind CSS 4, Vite 8, and clean Vanilla JavaScript ES modules. It is designed for stores, commerce teams, marketplaces, inventory operations, order management, reporting, customer workflows, and scalable admin applications.

The interface combines a distinctive warm glass-inspired visual system with practical commerce workflows, reusable components, structured demo data, clean URLs, responsive layouts, and a buyer-friendly source structure.

Why Veylix?

• Modern eCommerce-focused dashboard design with a premium warm-neutral interface.
• 93 eCommerce and workspace modules plus dedicated product create/edit workflows.
• Tailwind CSS 4 + Vite 8 for a modern and fast development workflow.
• Vanilla JavaScript ES modules — no React, Next.js, or jQuery required.
• Responsive layout for desktop, tablet, and mobile screens.
• Clean browser URLs such as /overview and /commerce/orders.
• Reusable components, data schemas, and service layers for easier customization.
• Self-hosted Manrope font and local interface assets.
• Chart.js dashboards and Phosphor Icons integration.
• Five interface languages with Arabic RTL support.
• General branding settings for browser title, favicon, sidebar logo, main logo, store information, and contact details.
• Optional server-side AI adapter example with private credentials kept away from browser code.

Overview Dashboard

Veylix includes a complete commerce operations overview with realistic data presentation and operational insights, including:

• Total sales / GMV summary
• Revenue trend visualization
• Order fulfillment progress
• Live shipment status
• Sales channel performance
• Products, customers, returning customer rate, and delivery metrics
• Recent sales and recent deliveries
• Top buying regions
• Top products
• Inventory status and low-stock alerts
• Payment method distribution
• Quick commerce actions

Catalog & Product Management

• Products
• Product create and edit workflows
• Variants and options
• Categories
• Attributes
• Brands
• Collections
• Tags
• Reviews
• Product images and gallery management
• Pricing, stock, and SEO fields

Orders & Operations

• Orders
• Fulfillment
• Returns
• Refunds
• Cancellations
• Abandoned checkouts
• Customers and customer segments
• Operational activity workflows

Inventory Management

• Inventory and stock
• Warehouses
• Transfers
• Replenishment
• Stock adjustments
• Suppliers
• Low-stock monitoring

Commerce & Pricing

• Checkout and pricing
• Payment methods
• Coupons and discounts
• Promotions
• Gift cards
• Campaigns
• Store channels

Marketplace

• Vendors
• Vendor applications and approvals
• Vendor orders
• Commissions
• Payouts
• Disputes

Online Store Content

• Navigation
• Pages
• Blog
• Testimonials
• Contact messages
• Popups
• FAQs

Reports & Analytics

• Sales reports
• Order reports
• Product reports
• Inventory reports
• Customer reports
• Return reports
• Channel reports
• Payment reports
• Vendor reports
• Marketing reports

Communication

• Unified inbox
• Support tickets
• Email drafts
• Email templates
• Notifications

AI Workspace

Veylix includes optional frontend AI-assisted workflow interfaces for:

• Product copy drafting
• SEO drafting
• Support drafting
• Catalog review
• Voice and image context
• Knowledge, prompts, rules, and usage history

An optional Node server adapter example is included for integration. Manual editing and the core admin template do not require an AI provider account.

Workspace & Administration

• Media and files
• Users
• Roles
• Permissions
• Teams
• Audit activity
• Integrations
• Webhooks
• Settings

General Settings & Branding

The General Settings area allows buyers to customize common branding values directly from the interface:

• Store name
• Browser / tab title
• Favicon
• Sidebar logo
• Main site logo
• Tagline
• Support email
• Phone
• Address

Built-in default Veylix branding is included, and custom demo branding can be restored to the defaults when removed.

Responsive & Accessible

• Responsive desktop, tablet, and mobile layouts
• Responsive table handling
• Keyboard focus handling
• Semantic tables and labelled form fields
• Dialog semantics
• Skip navigation support
• Reduced-motion support
• Reduced-transparency preference support
• Arabic RTL layout support

Technology Stack

• Tailwind CSS 4
• Vite 8
• Vanilla JavaScript ES Modules
• Chart.js
• Phosphor Icons
• Manrope Variable Font
• SVG world map

Buyer-Friendly Source Structure

src/components/   Reusable UI and page components
src/data/         Navigation, schemas and demo records
src/services/     Persistence, validation and workflows
src/styles/       Design tokens and responsive styles
src/router.js     Clean History API routing
public/assets/    Local assets
server/           Optional server-side AI adapter example

Clean URLs & Deployment

Veylix uses the browser History API for professional clean URLs. The package includes deployment helpers for common hosting environments, including a Vercel configuration and Apache fallback.

• Example route: /overview
• Example route: /commerce/products
• Example route: /commerce/orders

Easy to Customize

Navigation, demo records, design tokens, styles, reusable components, service layers, and module schemas are separated into clear source folders. This makes Veylix practical to adapt for your own commerce dashboard, SaaS admin, store management system, or backend integration.

What You Get

• Compiled production-ready HTML files
• Editable Vite + Tailwind CSS source
• 93 eCommerce/workspace modules
• Dedicated product create/edit workflows
• Documentation
• Third-party license notices
• Default Veylix favicon and logo assets
• Optional AI adapter example
• Vercel and Apache clean-URL deployment configuration

Important Note

Veylix is a frontend admin template. Demo commerce records and demo settings are stored in browser storage. Production authentication, authorization, payment processing, external messaging, durable database storage, and third-party service credentials must be connected to your own backend.

Preview-only warehouse and product artwork is not included in the buyer download. Neutral placeholder assets are supplied in the downloadable package so you can replace them with your own licensed content.

Credits

• Manrope — SIL Open Font License 1.1
• Phosphor Icons — MIT License
• Chart.js — MIT License
• svg-maps/world — CC BY 4.0
• Tailwind CSS — MIT License
• Vite — MIT License

Veylix — Tailwind CSS Admin Dashboard
Modern commerce operations, clean architecture, responsive layouts, and a polished interface — ready to customize for your next eCommerce admin project.