Sweipe | Mobile-First Web App HTML Template Latest Version

Live demo (English)
 · 
Live demo (Arabic, RTL)
 · 
Documentation

It feels like an app, not a website.
Sweipe is designed at 390 px first. A bottom tab bar with five destinations, large titles that collapse into a compact
bar as you scroll, and pushed screens with a back chevron. Navigation is a plain link to a plain
.html
file. There is no client-side router to debug.

Other products to consider

Others

Travel Tour - Unbounce Landing Page

Themeforest

$4.99 4.8 (2.8K)

Others

Metal - Mobile Friendly Building & Construction Business HTML Template

Themeforest

$4.99 4.8 (2.9K)

Others

Car Washing Muse Template

Themeforest

$4.99 4.8 (2.9K)

Real page transitions, no framework.
Push, pop, tab and sheet transitions come from cross-document View Transitions, so the browser does the animation.
Where a browser does not support them yet the page simply loads: nothing breaks and nothing waits. Bottom sheets are
<dialog>
, menus are
popover
with CSS anchor positioning, accordions are
<details>
. Focus trapping, Escape to close and keyboard support come from the platform instead of from a script.

Zero dependencies.
No jQuery. No Framework7. No Bootstrap. No icon font. No CDN. No hotlinked fonts or images. The whole template is one
27 KB stylesheet and 22 KB of JavaScript gzipped, and every module is opt-in through a
data-module
attribute. Version 1 shipped 356 KB of CSS and around 400 KB of JavaScript before any content.

Arabic is a real build, not a mirror.
The RTL package is the same source with
dir=”rtl”
and logical CSS properties only, carrying original Arabic copy written for this template rather than machine
translation. IBM Plex Sans Arabic is self-hosted, leading is tuned for Arabic, prices and dates are localised, and
only the icons that point somewhere are mirrored.

Dark mode, screen for screen.
All 32 screens are drawn in both schemes. Dark follows the system setting, remembers the toggle and applies before
first paint, so there is no white flash. Every colour is an OKLCH light/dark pair and every text pair clears WCAG AA
on its own surface. Colours, radii, spacing and motion live in one token block, and four accent presets ship ready to
use, switchable by your visitor from the Settings screen.

Installable, and it works offline.
A web app manifest, a service worker, an offline screen, an install prompt and three app shortcuts. Add Sweipe to the
home screen and it opens without browser chrome, with the right splash colour and correct safe-area padding on a
notched phone. Screens already visited stay readable with no connection.

The full flow, not a handful of screens.
Onboarding, sign-in, sign-up, password reset and a six-box verification code. A dashboard, a feed, an article, search,
messages, a chat with attachments, notifications, a profile, an account editor and settings. A calendar, a gallery
with a photo browser, a contact form and a click-to-load map. A store with grid and list views, filter and sort
sheets, a product page with a snap gallery and variants, a cart with undo, a four-step checkout, an order
confirmation, plans and billing. A component library, a forms matrix, 404, offline, coming soon and a privacy policy.

Connect a real checkout.
The demo cart runs entirely in the browser, so it works from disk. The included
Connect a backend
guide walks through Snipcart, Stripe Payment Links and the Shopify Buy Button step by step, with the adapter code in
the package, plus notes for Foxy, Commerce Layer, Medusa and the WooCommerce Store API.

Already own version 1?
The 2.x download still contains your original 1.x Framework7 files, unchanged, in a
legacy/
folder. Version 2 is a complete rewrite and shares no code with 1.x, so the two cannot be merged, so nothing is taken
away from you, and your licence still covers the old files.