Overview

MobiWeb is a beautifully crafted, mobile-first Progressive Web App (PWA) template designed for modern fintech, e-commerce, and social applications. Built entirely with Tailwind CSS 3.4.1 and vanilla HTML/JavaScript, this template offers exceptional performance, stunning visuals, and zero framework dependencies.

Whether you're building a digital wallet, banking app, online store, or messaging platform, MobiWeb provides all the essential pages, components, and design elements you need to launch quickly and professionally.

Key Features

• 30+ Pre-built Pages - Complete page collection for rapid development
• 50+ UI Components - Buttons, cards, forms, badges, avatars, and more
• PWA Ready - Installable web app with manifest configuration
• Dark Mode Support - Built-in dark theme with system preference detection
• Glassmorphism Effects - Modern frosted glass UI elements
• 100% Responsive - Mobile-first design that works on all devices
• No Framework Required - Pure HTML, CSS, and minimal vanilla JavaScript
• Fast Loading - Optimized for performance and speed
• Beautiful Animations - Smooth transitions and micro-interactions
• Vibrant Color System - 6 customizable color themes with 9 shades each
• Safe Area Support - Optimized for notched devices (iPhone X+)
• Custom Scrollbars - Styled scrollbars for a polished look

Pages Included

Authentication & Onboarding

• Login Page
• Signup Page
• Forgot Password
• Verification Page
• Landing Page

Dashboard & Finance

• Main Dashboard
• Wallet
• Add Money
• Transfer Money
• Bills & Payments
• Savings
• Transactions History
• Payment Success/Confirmation

E-Commerce

• Shop / Product Listing
• Product Detail
• Shopping Cart
• Checkout
• Wishlist
• Order Tracking
• Search Results

Social & Messaging

• Chat List
• Chat Detail / Conversation
• User Profile

Settings & Utility

• Settings
• Notifications
• Help & Support
• About
• Feedback
• Components Showcase

UI Components

• Buttons - Primary, Secondary, Accent, Success, Outline, Ghost variants
• Cards - Regular, Gradient, Glass-effect cards
• Forms - Input fields, Password fields, Textareas, Checkboxes, Selects
• Badges - Multiple color variations with notification dots
• Avatars - Multiple sizes (xs, sm, md, lg, xl)
• Progress Bars - Animated progress indicators
• Toggle Switches - iOS-style toggle components
• Navigation - Bottom navbar with icons and badges
• Status Indicators - Online, Offline, Busy states
• Floating Action Buttons - FAB with multiple sizes
• Skeleton Loaders - Loading placeholder components
• Gradient Backgrounds - Linear, Radial, and Conic gradients

Color System

MobiWeb features a comprehensive color palette with 6 base colors, each with 9 shade variations (50-900):

Primary, Secondary, Accent, Success, Warning, Danger

Technology Stack

• HTML5 - Semantic markup
• Tailwind CSS 3.4.1 - Utility-first CSS framework
• Vanilla JavaScript - No framework dependencies
• SVG Icons - Crisp, scalable vector icons
• PWA Manifest - Web app manifest for installation

Perfect For

• Fintech & Banking Apps
• Digital Wallet Applications
• E-Commerce Mobile Apps
• Social & Messaging Platforms
• SaaS Mobile Dashboards
• MVP & Prototype Development
• Startup Projects

What You Get

• All HTML source files
• Compiled and source CSS files
• Tailwind configuration file
• PWA manifest file
• Sample images and assets
• Free updates

Browser Support

Chrome, Firefox, Safari, Edge, Opera (latest versions)

Credits

• Tailwind CSS
• Heroicons (SVG Icons)
• Google Fonts

Support

We provide dedicated support for all our customers. If you have any questions or need assistance, please don't hesitate to contact us through the Wrapmarket item support system.