Changelog

Every release, newest first. The same list is in CHANGELOG.md.

1.4.0 · 9 November 2026

The Insurance pack, a welcome screen for every pack, real photos everywhere and the store page.

• Insurance pack (ocean, 5 screens): insurance home with the policy card, renewal notice, no-claims discount and a roadside-help sheet; a quote priced live from the cover, car value, driver age, add-ons and deductible; the policy with a digital card, cover, drivers and documents; a claim form with photos and the other car; and claim tracking with the adjuster, garage and payout (docs/assets/insure.js). Ten new icons.
• Nine demo apps: Wallet, Trips and one per pack, each pack opening from its own welcome screen in apps/<pack>/. The Apps screen shows them all in one two-column grid, with a photo on every card; the home screen cards match.
• Real public-domain (CC0) photos for Shop products, Food restaurants and dishes, Learning courses, the app cards and every person (13 portraits as avatars, initials underneath as a fallback). Each photo folder has a CREDITS.txt.
• Everyone in the demo has a US English name, and every phone number and address is imaginary and American (555-01xx numbers), in English and Arabic. New .mk-list__subtitle--wrap shows an address in full.
• Ribbon depth: the band behind the curve is a solid, darker shade of the bar colour.
• New listing/ folder (not in the download) builds the ThemeForest item page: banners from real screens, linked app tiles and pack banners that share one demo tab, the description HTML, the main preview, thumbnail and screenshots. npm run check skips it.
• The kit now has 92 pages, seven packs, nine demo apps and 50+ components.

1.3.0 · 7 November 2026

Six packs, account pages and 22 new components.

New packs and pages

• Shop pack (rose, 8 screens): shop home, browse, product, cart, checkout, order placed with tracking, wishlist and orders. The cart and wishlist really work across screens (docs/assets/shop.js): colour and quantity, a cart count on the bottom bar, swipe to remove with Undo, a free-delivery meter, promo code WELCOME10, VAT-inclusive totals and placing an order.
• Food pack (forest, 5 screens): food home, restaurant menu, dish, basket and live order tracking (docs/assets/food.js): extras, notes, delivery or pickup, rider tip, and a rider that moves along the route with steps, arrival time and a rating.
• Learning pack (violet, 5 screens): learn home, course, lesson, quiz and progress (docs/assets/learn.js): lessons marked done, up next or locked, a lesson player face, and a quiz that checks and explains each answer and awards a certificate.
• Health pack (lagoon, 5 screens): health home, doctor, book a visit, visits and records (docs/assets/health.js): a 14-day strip, free and taken time slots, clinic or video, cancelling with Undo, readings with trend lines and lab results against normal ranges. All health data is sample data.
• 8 account and money pages, linked from Settings: payment methods, addresses, security, notification settings, privacy and data, messages inbox, tax invoice (print or PDF) and currency exchange.
• Two component demo pages: Gestures and scrolling, and Device features.
• The kit now has 87 pages, six packs and 50+ components.

New components

• Print one thing: <button data-mk-print="cert"> prints only that element; a certificate printed this way fills the page like a real one.
• Dropdown menu (.mk-menu), pagination (.mk-pagination), load more and endless lists (data-mk-more), pull to refresh (.mk-pull), swipe actions with Undo (.mk-swipe), drag to reorder (.mk-sortable), back to top (.mk-to-top) and bars that hide while scrolling (data-mk-autohide).
• Date and time fields, search with suggestions (.mk-combo), speed dial (.mk-speed-dial), expandable card (.mk-expand), opening hours (data-mk-hours), before and after slider (.mk-compare), cookie notice (.mk-consent) and reading progress (.mk-reading).
• Native share (data-mk-share), location (data-mk-locate), vibration on tap (data-mk-haptic), text size (data-mk-text) and page transitions.
• For the packs: product card and price (.mk-product, .mk-price), colour swatches, cart line, buy bar, review bars, restaurant and dish rows, section chips that follow the scroll, map route and rider pin, star rating, player face (.mk-player), quiz answers, streak grid, certificate, day strip and time slots, health reading (.mk-vital) and appointment card.
• Printing shows only the content (add .mk-print-hide to anything else). Images can switch their alt text in Arabic (data-mk-ar-alt).

Changes

• Pages load the minified files: dist/css/mk.min.css, dist/js/mk-theme.min.js and dist/js/mk.min.js (core JS 18.6 → 11.6 KB gzipped). The build writes the .min.js files with terser; the readable files stay beside them.
• Ocean blue is the default accent (was violet). Gradients fade to a deeper shade of their own accent.
• Photos instead of drawings in sliders, covers, articles and galleries. They are temporary Creative Commons stand-ins: PROMPTS.txt has a prompt for each one, and npm run release stops while SOURCES-TEMP.txt is there. Products and dishes show as icon tiles, and avatars stay drawings, until photos and the three AI portraits are added.
• Demo forms never block: sign-in and the other forms come filled in, and browser validation never stops them.
• The Pages screen opens on its categories (now 17) as compact tiles; a tile opens that category on its own.

Fixes

• From a Lighthouse pass: carousel slides are <div>s (the slider gives them a role list items may not have), the first carousel photo loads first and the others lazily, the deal card's old price has enough contrast, and the cart tab and booking days are read out with the same words they show.
• Printing: table row lines no longer stop short of the first column, the streak grid keeps a calendar size, and Save and Share buttons stay off the paper. Sign-in, sign-up, forgot password, verify and onboarding now have a main landmark for screen readers.
• Every accent used to fade to light violet, and the soft accent tint stayed violet, when the accent was set on <html>.
• .mk-ltr now really sets left to right, so phone and card numbers, ranges and rates read correctly in Arabic.
• The raised middle button of a bottom bar stays solid on its own screen. Progress bars on accent cards show. Horizontal scrollers keep their side gutter when they snap. Pressed buttons in a group, and chips that switch a setting, show their state.
• Settings' Change password opens the Security page.

1.2.1 · 7 November 2026

• Fix: no more dead ends. The starter (starters/shell.html) now has a working side menu and real bottom-bar links, so Home goes back to the kit. The curved bars and app shell demos, the depth styles page, the maintenance page and the desktop preview also link back.
• The depth styles page is reworded for buyers (it still read like an internal choice).
• npm run check now fails on any page with no link to another page.

1.2.0 · 7 November 2026

A home screen and a desktop showcase.

• New home screen: a greeting in the curved top bar, a carousel that introduces the kit, Get the kit and Contact us buttons, and a row of highlights. The menu, apps and theme picker follow below.
• Desktop showcase (showcase.html): the live kit in a phone frame, with buttons for page, colour, curve depth, mode and language that change the phone and the page together, and a QR code to open the kit on a phone. Desktop visitors to the home page land here; index.html?app opens the kit full screen.
• QR codes: mk-qr.js draws real QR codes in the browser, with no outside service (data-mk-qr, MKQR.svg()).
• New pieces: .mk-cover--curve, .mk-greet, .mk-highlight, .mk-qr.
• buyUrl in mk.config.json sets where every Get the kit button goes.
• Fix: badges in a cover keep their own width instead of stretching across it.
• Fix: inside a frame, the "A new version is ready" toast is left to the outer page, so it shows once.

1.1.0 · 7 November 2026

More pages, and two packs.

• 28 new page templates (50 in all): news, article, immersive story, reader, feed with cards, grid and list layouts, events and event details, app and product landing pages, cover, coming soon with a countdown, services, team, careers, people lists, business card that saves to contacts, tasks, projects, data table, system status, gallery, map, click-to-load embeds, language and region, plan comparison, creator profile, two more splash screens and an interest picker.
• Two packs with their own bottom bars: Smart home (midnight, 3 screens) and Fitness (sunset, 3 screens).
• New components: article, quote, figure, full-height sheet, date tile, features, store badges, countdown, task and priority, status and uptime bars, business card, map and pins, embed, toggle button, device tile, dial, activity rings, legend, sortable table, password strength meter.
• New behaviours in mk.js: countdown, click-to-load embeds, toggle buttons, chip filter for any list, sortable tables, password strength, numbers that count up.
• Sign up now shows password strength. Charts can show a unit (unit: "kWh") instead of money.
• Fix: placeholders now switch to Arabic too (data-mk-ar-placeholder).
• The icon sprite can now include brand icons (Apple, Google Play, Android).

1.0.0 · 7 November 2026

First release.

• Foundations: tokens, 8 accent themes, light, dark and auto modes, right to left, Readex Pro and Lalezar.
• The curved signature: curved top and bottom bars, six depth styles (Lifted by default).
• App shell: side menu, bottom sheet and dialog on native <dialog>, preloader.
• Components: buttons, form fields, choices and switches, lists, cards and covers, chips, badges, avatars, alerts, toasts and snackbars, progress, skeleton, empty states, tabs, segmented control, accordion, steps, timeline, carousel, search, file upload, rating, chart, gallery, tooltip.
• 22 page templates and two demo apps: Wallet (14 screens) and Trips (12 screens).
• Installable app with offline support, install prompt and update toast; app icon generator; Capacitor 8 starter; theme builder.
• Stack: Bootstrap 5.3.8, Dart Sass 1.108.1, Splide 4.1.4, Swup 4.10.0, Chart.js 4.6.1, GLightbox 3.3.1, Font Awesome Free 7.3.1, Workbox 7.4.1, Capacitor 8.6.0.