React Frontend WP
React Frontend WP intercepts internal link clicks and fetches new pages via AJAX, giving your site the feel of a modern React / Next.js application — **without changing a single line of your theme, Elementor layouts, or page builder designs**.
Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/bikasraj/react-frontend-wp-/archive/refs/heads/main.zipConverts your WordPress frontend into a React-style SPA with smooth transitions — no code changes needed.
Description
React Frontend WP intercepts internal link clicks and fetches new pages via AJAX, giving your site the feel of a modern React / Next.js application — without changing a single line of your theme, Elementor layouts, or page builder designs.
Features
- Works with any theme — Twenty Twenty-Four, Astra, Divi, OceanWP, GeneratePress, etc.
- Compatible with Elementor, WPBakery, Divi Builder, Beaver Builder, Gutenberg
- 8 preloader styles: Spinner, Dots, Bar, Pulse, Ring, Ripple, Logo, None
- Top progress bar (NProgress-style) with custom color
- Smart page cache (5-minute transient cache with manual clear)
- Hover-prefetch for instant navigation
- Scroll-to-top on navigation
- Exclude specific URLs from SPA mode (WooCommerce checkout, login, etc.)
- Back/Forward browser navigation fully supported
- Automatically re-initializes sliders, AOS, Isotope, Swiper after navigation
- Admin bar preserved for logged-in users
- JavaScript API:
window.RFWP.navigate(url)
Installation
- Upload the
react-frontend-wpfolder to/wp-content/plugins/ - Activate the plugin
- Go to React Frontend in your WP admin menu
- Enable the plugin and choose your preloader style
- Click Save Settings — your site is now SPA-powered!
Frequently Asked Questions
Does this break my theme?
No. Your theme renders exactly as before on the first load. After that, content is swapped in-place without touching your theme files.
Does it work with WooCommerce?
Yes, but add /checkout/, /cart/, and /my-account/ to the excluded URLs list to ensure payment flows work normally.
Does it work with Elementor animations?
Yes. The engine re-initializes Elementor frontend after each navigation.
Will Google still index my pages?
Yes. Pages are still server-rendered. SPA navigation only applies to browser navigation after the first page load.
Changelog
1.0.0
- Initial release
Upgrade Notice
1.0.0
Initial release.