Affan – PWA Mobile Nuxt js Template

The Affan is the latest technology-based multipurpose PWA-ready mobile Nuxt JS 4 template. It comes with a Modern Design, Nuxt js, Bootstrap 5, Progressive web app (PWA) ready, and Dark & RTL features. It’s crafted with the latest trend in design & coded with all modern approaches. It’s a versatile & multi-dimensional usable template. All file codes have been well organized and nicely commented on for easy customization. It is fully responsive and optimized for mobile devices, ensuring that your application looks great on screens of any size.

It’s specially designed for creating Progressive Web Applications (PWA) that deliver a seamless, mobile-first experience to users. It’s a responsive and customizable template that can create various variations. It includes a wide range of pre-built JSX, CSS, and JS code, making it easy for developers to get started and customize to meet their specific needs.

It’s suitable for any Startup, Agency, Business, Course, Corporate, eCommerce Store, Travel, News, Portfolio, Magazine & Blog mobile website, or app. So, build whatever you like with this.

Features Overview

• Latest Nuxt JS Version 4.3.0

• Vue js 3: Version 3.5.27
  The Progressive JavaScript Framework

• Nuxt 4: Version 4.3.0
  The Intuitive Web Framework for vue js

• Bootstrap 5.x Framework:
  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

• Touch Friendly:
  Easy browsing on touch devices.

• 100% Fully Responsive:
  What ever you are using the device your site will run as it should be. Lexend template is fully responsive layout for all type of devices.

Full Features List

• Vue JS Version 3.5.27
• Nuxt JS Version 4.3.0
• Built with Bootstrap 5
  Utilizes the latest Bootstrap framework for responsive and flexible layouts.
• Progressive Web App (PWA) Ready
  Enables app-like performance with offline access and installability.
• Reusable UI Elements
  A rich collection of ready-to-use components for faster development.
• Pre-built Pages
  Professionally designed pages to launch projects quickly.
• Node Package Manager (NPM) Support
  Simplifies dependency management and project setup.
• SCSS Architecture
  Modular and maintainable styling with powerful customization options.
• Dark Mode Support
  Built-in dark theme for improved accessibility and user preference.
• RTL (Right-to-Left) Ready
  Fully supports RTL languages such as Arabic and Hebrew.
• Modern CSS3 Styling
  Uses advanced CSS techniques for smooth and modern UI effects.
• HTML5 Markup
  Clean and semantic HTML structure for better SEO and accessibility.
• Multiple Header Layouts
  Choose from various header styles to match your brand.
• Multiple Footer Menu Styles
  Flexible footer layouts for enhanced navigation.
• Left & Right Sidebar Layouts
  Provides versatile sidebar options for different layouts.
• Alerts & Toast Notifications
  Interactive alerts to deliver real-time user feedback.
• Automatic Online/Offline Detection
  Detects connectivity changes and notifies users instantly.
• Advanced Form Elements
  Enhanced input fields for better data collection.
• Autocomplete Form Inputs
  Improves user experience with intelligent input suggestions.
• Range Slider Inputs
  Allows intuitive value selection with slider controls.
• Accordion Components
  Organizes content efficiently using collapsible sections.
• Timeline Layouts
  Displays chronological information in a clean, visual format.
• Isotope Image Gallery
  Dynamic and filterable image galleries with smooth transitions.
• User Rating System
  Enables users to rate content or products easily.
• Extensive Helper & Utility Elements
  Includes utility classes to speed up development.
• Data Tables
  Structured tables for managing and displaying complex data.
• Countdown Timers & Counter Animations
  Adds urgency and engagement through animations.
• ApexCharts Integration
  Interactive and responsive charts for data visualization.
• Highly Versatile Mobile Template
  Suitable for a wide range of mobile-first applications.
• Modern & Clean UI Design
  Focused on usability with a polished visual appearance.
• Developed with the Latest Technologies
  Ensures future-ready performance and standards.
• Well-Tested, Bug-Free Code
  Thoroughly tested for stability and reliability.
• Cross-Browser Compatibility
  Consistent performance across all major browsers.
• Dedicated Notifications Page
  Centralized interface for managing user notifications.
• Language Selection Page
  Allows users to easily switch between languages.
• Password Strength Meter
  Provides real-time feedback on password security.
• OTP Verification Pages
  Secure one-time password verification flows.
• Complete Shop Pages
  Ready-made pages for eCommerce functionality.
• User Profile Pages
  Structured profile layouts for user information.
• Coming Soon Page
  Professional placeholder for upcoming launches.
• Authentication Pages
  Includes login, registration, and password recovery pages.
• Unique & Professional Design
  Crafted to stand out with a premium look and feel.
• Blog Pages Included
  Pre-designed layouts for articles and content publishing.
• Google Fonts Integration
  Access to modern, web-optimized typography.
• Easy to Customize & Extend
  Developer-friendly structure for quick modifications.
• Clean, W3C-Validated Code
  Standards-compliant code for maximum compatibility.

What you get?

• Vue JS files
• Supporting css, js & other files
• Documentation

Fonts Used

• Google Fonts

Icons Used

• Uicons
• Font Awesome (Icons)
• SVG Icons

Sources and Credits

• Twitter Bootstrap
• Magnific-popup

Image Credits

• Allfreephotos
• Freepik
• unsplash
• Nothingtochance

Please Note:

• All images are just used for Preview Purpose Only. They are not part of the Next templates and no included in the final purchase files.