Details
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
The template assembly can include the following files: HTML, CSS, JavaScript, Fonts, Icons, Images.
If the description indicates otherwise, this is just an example as a template can be used.
Details
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