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.
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.