The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now


  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Ecommerce Brand Image
  • Elements
  • Core Features
  • More

    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
    • Ecommerce Brand Image
  • Elements
  • Core Features
  • More
  • Submit Ticket Ticket

    Gearing up something amazing for you…

    Still waiting? Magic takes a moment! ✨

  • Elements
  • Core Features
  • More
  • Find With Us
    Your cart

    Limited Item, checkout within 10m 00s

    Add note for seller
    Estimate shipping rates
    Select or input Coupon

    UP TO 30% OFF

    For orders over $9.90

    • 12/18/2023 14:00 ~ 12/25/2023 14:00
    • The minimum spend for this coupon $200.00

    UP TO 30% OFF

    For orders over $9.90

    • 12/18/2023 14:00 ~ 12/25/2023 14:00
    • The minimum spend for this coupon $200.00

    If you have coupon code, please apply it below.

    Overview

    Welcome to the Unimart Admin documentation. This admin template is prepared for a modern dashboard workflow using Vite and Tailwind CSS.

    Use this guide to install dependencies, understand the source structure, run the local development server, and create a production build for your admin panel.

    Requirements

    • Node.js 18 or later is recommended.
    • npm, yarn, or pnpm package manager.
    • Basic knowledge of Vite, Tailwind CSS, and component-based UI development.

    Project Structure

    unimart/
    ├── unimart-frontend/       # Frontend template (see Frontend docs)
    └── unimart-admin/          # Admin template (this guide)
        ├── src/                # Admin pages, components, routes, layouts
        │   └── assets/         # Images, icons, fonts, static assets
        ├── dist/               # Production build output
        ├── index.html
        ├── tailwind.config.js
        ├── vite.config.js
        └── package.json

    Installation

    After downloading the template package, go to the admin folder and install dependencies:

    cd unimart/unimart-admin
    npm install
    npm run dev

    Tailwind Setup

    • Keep your Tailwind entry file imported in the main app entry, usually src/main.js or src/main.jsx.
    • Confirm the main stylesheet includes @tailwind base;, @tailwind components;, and @tailwind utilities;.
    • Make sure tailwind.config.js scans every admin template path, such as ./index.html and ./src/**/*.{js,ts,jsx,tsx,html}.

    Run And Build

    • npm run dev Starts the local Vite server for development and live reload.
    • npm run build Creates the optimized production files, usually inside the dist folder.
    • npm run preview Serves the production build locally so you can check it before deployment.