Affan – PWA Mobile HTML Template – Bootstrap 5 & Dark Mode Ready

Building performant, mobile-first web applications often requires significant setup time for offline capabilities, responsive UI elements, and layout variations. Affan is a modular HTML5 mobile template built on modern Vanilla JavaScript and Bootstrap 5, engineered specifically for progressive web app (PWA) development. It gives frontend developers, agency teams, and web creators a pre-configured design system featuring offline support, native-like installation options, Dark Mode, and RTL language compatibility. It is best suited for developers launching mobile-first web apps, eCommerce stores, or SaaS interfaces, but it is not a native mobile application or a ready-to-use WordPress theme.

Core Features and Technical Architecture

Affan provides a solid technical foundation for lightweight, fast-loading mobile web applications without relying on heavy third-party JavaScript frameworks.

• Progressive Web App Capabilities: Built-in service worker readiness and web app manifest configurations allow for offline connectivity, automatic status detection, and home screen installation.
• Clean Build Pipeline: Includes a modular SCSS stylesheet organization alongside Gulp 4 task automation and NPM package management for fast compiling and minification.
• Dependency-Free JavaScript: Powered entirely by clean Vanilla JS, keeping core script footprints minimal and execution speeds high.
• Interactive UI Components: Features data tables, dynamic range sliders, password strength indicators, notification popups, OTP verification flows, and ApexCharts integration for analytical views.
• Pre-Built Screen Layouts: Includes ready-to-use page templates for eCommerce shopping flows, user profiles, authentication sequences, blogs, and notifications.
• Flexible Design Controls: Easily toggle between Light and Dark themes, switch to Right-to-Left (RTL) text orientation, or adjust navigation bars across multiple header and footer configurations.

Frequently Asked Questions

Q: Is Affan a WordPress theme or a native mobile app package?
A: No. Affan is an HTML5 mobile template designed for web deployment. It cannot be directly installed on WordPress or published to the Apple App Store or Google Play Store without converting the files via a developer framework like Apache Cordova or WebView wrapper.

Q: Do I need to use NPM, Gulp, or SCSS to customize this product?
A: No. While SCSS and Gulp build tools are included for advanced frontend workflows, you can customize the site directly by editing the raw HTML, standard CSS, and JavaScript files in any basic text editor.

Q: Are demo images included in the downloadable source code?
A: Preview images and media assets used in live demonstrations are for showcase purposes only and are excluded from the main download files.