MobNews | News & Magazine Template
About
MobNews is a mobile-first news and magazine HTML template built for reading on a phone. 30 pages cover five article shapes, a live blog, a metered paywall, subscriptions and a small shop, in clean HTML, CSS and JavaScript with no framework and no runtime dependencies.
BUILT FOR READING ON A PHONE
Every page is designed at 390 px and widened with container queries: a bottom tab bar, a horizontally scrolling section rail, compact story rows with inline-end thumbnails, and a story bar that slides away as you read and comes back when you scroll up.
FIVE WAYS TO RUN A STORY
Standard, long-read, gallery, video and live articles each get their own layout. The live blog updates in a pinned, timestamped stream, and the metered paywall counts reads locally before it asks anything of the reader.
THE BUSINESS SIDE IS FINISHED
Subscription plans, a subscribe checkout, a member account, newsletters, saved stories, author profiles, sections, tags, category archives and search all ship as complete demonstrations rather than placeholders.
TWO LANGUAGES, TWO THEMES
English LTR and authored Arabic RTL come from the same templates and CSS logical properties, so right-to-left is real rather than a mirrored stylesheet. Night reading is a token-driven dark mode with a photo-dim treatment, checked for contrast.
YOU DO NOT NEED THE BUILD
Finished LTR and RTL sites ship as plain HTML, CSS and JavaScript you can edit by hand. The editable Vite 8, Tailwind CSS 4 and Handlebars source project is included as well, with no jQuery, no CDN, no icon font and no runtime framework.
NEWS-SPECIFIC SEO, PRIVATE BY DEFAULT
NewsArticle, LiveBlogPosting, ImageGallery, VideoObject and ProfilePage structured data, breadcrumbs, a sitemap and Open Graph metadata are generated from the same content the pages use. Embeds are click-to-load facades, fonts and photographs are local, and nothing contacts a third party until the reader asks it to.
INCLUDED
• 30 pages in English and Arabic, light and dark
• Finished dist/ sites plus the editable Vite 8 + Tailwind CSS 4 + Handlebars source
• Installable PWA: manifest, service worker and offline fallback
• Live blog, metered paywall, subscriptions and saved stories with local persistence
• Components style guide and full buyer documentation
• Self-hosted fonts and local photography with Pexels credits
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.