Project Overviewlink

Lexend is a multi-layout website template designed for SaaS, software, and startup companies. Built on the UniCore framework, it offers 14 homepage variations with support for RTL languages, dark mode toggling, scroll animations, and responsive design.

Tech Stacklink

• Vue 3 (component interactions)
• Bootstrap 5 (layout and base components)
• UIkit 3 (partial UI components)
• Vite 6 (build tool, migrated from Gulp)
• Sass/SCSS (style development)
• Swiper, GSAP, Typed.js (animations and interactions)
• jQuery (legacy code compatibility)

Project Structurelink

template/
  src/
    index.html                    ← Entry page
    assets/
      scss/theme/                 ← Theme styles directory
      js/
        app.js                    ← Main application script
        uni-core/                 ← UniCore component library
  docs/
    index.html                    ← Official documentation
  package.json                    ← Project configuration
  vite.config.js                  ← Vite configuration
  build.mjs                       ← Build script

Core File Descriptionlink

• src/index.html — Main page entry, includes SEO meta tags, preloaded resources, and style references
• src/assets/scss/theme/ — SCSS theme files directory for custom styling
• src/assets/js/app.js — Application initialization script, binds interactive behaviors
• docs/index.html — Complete usage documentation with customization instructions
• package.json — Dependency declarations and npm scripts
• build.mjs — Production build script, supports parameters like --minify and --lite

Quick Startlink

cd template
npm install
npm run dev      # Development mode (accessible via localhost)
npm run build    # Production build

Usage Recommendationslink

The template includes a large number of built-in page components (blog, services, pricing, etc.). It is recommended to customize SCSS variables for brand customization as needed. To add new pages, refer to the HTML structure of existing templates in the src/main/ directory and copy/modify accordingly.