01
Zero-Reload SPA Router
A click-interception layer swaps the main content region without rebuilding the shell, so audio and animation survive navigation. Falls back to normal page loads when JS is unavailable.
Live & Deployed on Production
The
LIGHTNING
WordPress
Framework.
A lean, SPA-enhanced WordPress theme built from first principles for Elementor. Instant in-page transitions, persistent media, and no full-page reloads on supported navigation.
< 1KB
Core functions.php
60fps
Target Transition Rate
2
Elementor Editions
0
Build Steps Required
Live Interaction // Production Node
See It Running. Right Now.
The window below loads the live deployment. If it can’t load, you get a direct link instead of a blank box.
Embedded production preview
Open Full Screen ↗
Core Engineering
What Makes It Different.
02
Elementor Native
A minimal functions.php wrapper designed to let Elementor (Free or Pro) drive layout — Theme Builder ready, WooCommerce-safe.
03
Scoped, Inline Styles
Styles ship inline and namespaced to this template. No browser-side compiler, no build server, no clashes with other templates or Elementor.
04
Persistent Media Players
Because the shell is not rebuilt on supported navigation, audio and video keep playback state across pages — a Spotify-style experience without React.
05
WP Coding Standards
Escaped output, guarded helpers, ABSPATH check, no in-template error suppression. Safe for client handoff.
System Design
The Architecture.
The shell (header, nav, media) mounts once. On supported in-site navigation, only the main region swaps.
-
01 — Browser loads shell
Header, nav, ambient layers and media mount once.
-
02 — User clicks an in-site link
The router intercepts the event before the browser navigates.
-
03 — Content fetched async
Only the target page’s main region is requested.
-
04 — Main region swapped
Content is replaced; enhancers re-initialise; History API updates.
-
05 — Shell untouched
Nav and media persist. No full reload on supported links.
┌────────────────────────────┐
│ PERSISTENT SHELL (once) │
├────────────────────────────┤
│ header Nav + Logo + Menus │
│ audio Global Media Player │
│ script SPA Router Init │
├────────────────────────────┤
│ click → router intercepts │
├────────────────────────────┤
│ fetch(href) → swap <main> │
│ ↳ history.pushState │
│ ↳ re-init enhancers │
├────────────────────────────┤
│ main Dynamic Content (swap) │
│ No full reload on linked nav. │
└────────────────────────────┘How It Compares
Built For A Different Job.
General-purpose themes optimise for breadth. This one optimises for an app-like, Elementor-driven experience. Different tools, different trade-offs.
Capability
General-purpose theme
Tshepho Framework
In-page navigation without full reload
No
Yes
Persistent audio/video across pages
No
Yes
App-like transition model
No
Yes
Elementor-first architecture
Partial
Yes
Broad multi-purpose presets
Yes
Partial
No browser-side CSS compiler
Yes
Yes
Comparison reflects intended design focus, not a benchmark of any specific competing product. Run your own Lighthouse / Core Web Vitals tests before publishing performance figures.
Open Source · Free
Ship Faster. Starting Today.
Download the bundle, drop it into WordPress, activate. No license keys, no nags.
Requires WordPress 6.0+ · Elementor Free or Pro · PHP 8.0+