Live demo (English) · Live demo (Arabic, RTL) · Documentation
Everything a person who publishes actually needs. A blog with six post shapes: standard, long-read, gallery, video, quote and podcast, each with reading progress, a table of contents, saved posts and archive search. A newsletter with subscribe and confirmation pages. A membership with tiers and a metered paywall that counts free reads and shows the meter. A small shop for digital goods with cart, checkout, order confirmation and a downloads area. 36 pages in all, and every empty state is designed rather than left blank.
Arabic is the same code, not a second theme. The layout is mirrored by the browser through CSS logical properties, so there is no separate right-to-left stylesheet to maintain, and the Arabic build ships with real Arabic copy rather than machine translation. Seven self-hosted font faces, subsetted to the ranges the copy actually uses: the Arabic set is 69 KB and the Latin set 90 KB.
Dark mode and five accent presets, all from one file. Every colour is a light/dark token pair checked for contrast, and the five accents ship in src/css/tokens.css , so re-theming is one file and no build step. Dark follows the system setting or the reader’s own toggle.
77 copyable components. A single components page holds 77 live examples, each sitting above the exact markup that produced it, with a copy button. The demo and the code block are rendered from the same partial, so the two can never drift. Native elements first: <details> accordions, <dialog> sheets, popover menus and scroll-snap rails. No jQuery, no CDN, no icon font: a 121-icon SVG sprite instead.
You do not need the build to use the template. The download contains finished, self-contained sites in demo/ltr and demo/rtl as plain HTML, CSS and JavaScript. Double-click any page to preview it, or upload one folder as your site root. The Vite and Tailwind CSS 4 source project is included as well, for anyone who wants it.
Measured, not estimated.
- Lighthouse 0.97 to 1.00 on every asserted URL, in both languages.
- 24.8 KB of JavaScript gzipped.
- 179 KB per English page and 194 KB per Arabic page , against a 200 KB budget.
Already own version 1? The 2.x download still contains your original 1.x 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.