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.

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.

Rosavo – PWA App

You can also scan the QR code:

Description:

Rosavo is a React PWA fashion store template powered by Payload CMS, built for fast, modern, and mobile-friendly shopping experiences. It works seamlessly across all modern browsers and devices, allowing you to launch your fashion eCommerce store quickly with essential pages, dynamic content management, and a fully customizable structure.

4K Video Tutorial:

Features:

– Built with React 19
– Only Functional Components & React Hooks.

– All icons in SVG format.

– Works on all modern devices

– Well structured components

– Included Payload CMS Admin Panel

– Free google fonts

– All components built with TypeScript (.tsx)

– State management with Redux + Redux Persist

Technologies Used:

• React
• TypeScript
• Redux.js.org
• Payload CMS
• Axios
• Motion

Why Choose PWA?

– Native-like Experience: PWAs deliver a fast, app-like experience directly in the browser, without needing installation from app stores.

– Offline Access: Work seamlessly even with no internet connection thanks to advanced caching and service workers.

– Lightning-Fast Performance: PWAs load quickly and respond instantly, enhancing user satisfaction and retention.

– Cross-Platform Compatibility: One solution works on desktop, tablet, and mobile — no need to build separate apps.

– Increased Engagement: Features like push notifications and home screen installation help drive user re-engagement.

– No App Store Required: Instantly accessible via browser — skip long approval processes and downloads.

Font:

– Mulish

What You’ll Get After Purchase:

• Complete React PWA Source Code – Clean and well-organized
• Step-by-step Documentation – For easy setup and usage
• Pre-configured Payload CMS – Easily manage all your store content from a powerful admin dashboard

APIs Used in the Project:

• products.json
• promocodes.json

About Payload CMS:

About Us:

We specialize in modern UI design and app development. Whether you’re starting from scratch or need a polished frontend for an existing backend — we’re ready to help. Reach out to bring your ideas to life.

Explore Our Work:

Need help? Message us on Telegram or WhatsApp:

Description:

Rossi is a React PWA fashion store template designed for fast, modern, and mobile-friendly shopping experiences. It works seamlessly across all modern browsers and devices, allowing you to launch your fashion eCommerce store quickly with all the essential pages and features included.

Features:

– Built with React 19
– Only Functional Components & React Hooks.

– All icons in SVG format.

– Works on all modern devices

– Well structured components

– Free google fonts

– All components built with TypeScript (.tsx)

– State management with Redux + Redux Persist

Technologies Used:

• React
• TypeScript
• Redux.js.org

Font:

– Mulish

What You’ll Get After Purchase:

• Complete React Source Code – Clean and well-organized
• Step-by-step Documentation – For easy setup and usage

APIs Used in the Project:

• products.json
• promocodes.json

About Us:

We specialize in modern UI design and app development. Whether you’re starting from scratch or need a polished frontend for an existing backend — we’re ready to help. Reach out to bring your ideas to life.

Explore Our Work:

Need help? Message us on Telegram or WhatsApp:

DineHub – Restaurant Food Delivery Angular Mobile App | PWA

Presentation:

Features:

– Built with Angular 19
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free google fonts.

– All icons in SVG format.

– All files in .ts format.

– Design file included.

– Smooth navigation between screens.

– Implemented service-based state management.
– Design file in Figma format included.
– Included Laravel Backend.

Description:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Why Choose PWA?

– Native-like Experience: PWAs deliver a fast, app-like experience directly in the browser, without needing installation from app stores.

– Offline Access: Work seamlessly even with no internet connection thanks to advanced caching and service workers.

– Lightning-Fast Performance: PWAs load quickly and respond instantly, enhancing user satisfaction and retention.

– Cross-Platform Compatibility: One solution works on desktop, tablet, and mobile — no need to build separate apps.

– Increased Engagement: Features like push notifications and home screen installation help drive user re-engagement.

– No App Store Required: Instantly accessible via browser — skip long approval processes and downloads.

Commands to run the application:

– npm install
– npm ng serve

Technologies:

– angular.dev
– TypeScript
– Laravel with Orchid

Font:

– DM Sans

Have questions ? Contact me via Telegram:

DineHub – Restaurant Food Delivery Angular Mobile App | PWA

Presentation:

Features:

– Built with Angular 19
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free google fonts.

– All icons in SVG format.

– All files in .ts format.

– Design file included.

– Smooth navigation between screens.

– Implemented service-based state management.
– Design file in Figma format included.

Description:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Why Choose PWA?

– Native-like Experience: PWAs deliver a fast, app-like experience directly in the browser, without needing installation from app stores.

– Offline Access: Work seamlessly even with no internet connection thanks to advanced caching and service workers.

– Lightning-Fast Performance: PWAs load quickly and respond instantly, enhancing user satisfaction and retention.

– Cross-Platform Compatibility: One solution works on desktop, tablet, and mobile — no need to build separate apps.

– Increased Engagement: Features like push notifications and home screen installation help drive user re-engagement.

– No App Store Required: Instantly accessible via browser — skip long approval processes and downloads.

Commands to run the application:

– npm install
– npm ng serve

Technologies:

– angular.dev
– TypeScript

Font:

– DM Sans

Have questions ? Contact me via Telegram:

DineHub – Restaurant Food Delivery Next JS Mobile App | PWA

Presentation:

Description:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Features:

– Built with Next JS 15.1.6.
– Seo optimization.
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free Source Sans 3 font used.

– All icons in SVG format.

– All files in .tsx format.

– Used Zustand.

– Included Laravel Backend.

Commands to run the application:

– npm install
– npm run dev

– nextjs.org
– zustand-demo.pmnd.rs
– Laravel with Orchid

Font:

– DM Sans

Have questions ? Contact me via Telegram:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Features:

– Built with Next JS 15.1.6.
– Seo optimization.
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free Source Sans 3 font used.

– All icons in SVG format.

– All files in .tsx format.

– Used Zustand.

Commands to run the application:

– npm install
– npm run dev

– nextjs.org
– zustand-demo.pmnd.rs

Font:

– DM Sans

Have questions ? Contact me via Telegram:

Description:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Features:

– Built with Vue 3.4.26.
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free google fonts

– Asynchronous data loading.

– Used Pinia.

– Included Laravel Backend.

Commands to run the application:

– npm install
– npm run dev

Technologies:

– vuejs.org
– router.vuejs.org
– pinia.vuejs.org/
– Laravel with Orchid

Font:

– DM Sans

Have questions ? Contact me via Telegram:

Description:

DineHub is a Progressive Web Application (PWA) designed to elevate the food delivery experience. Combining the power of a web app with the convenience of mobile functionality, DineHub allows users to effortlessly browse menus, customize orders, and enjoy delicious meals delivered straight to their door anytime, anywhere.

Features:

– Built with Vue 3.4.26.
– Clean code.

– SCSS Support.

– Well structured components

– Documentation included.

– Free google fonts

– Asynchronous data loading.

– Used Pinia.

– The DineHub Figma file is included in the project.

Commands to run the application:

– npm install
– npm run dev

Technologies:

– vuejs.org
– router.vuejs.org
– pinia.vuejs.org/

Font:

– DM Sans

Have questions ? Contact me via Telegram: