WP Manifestindependent plugin directory
manifest / performance / react-frontend-wp-

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**.

★ 0stars

Install

Download source zip No release zip yet

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.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Converts 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

  1. Upload the react-frontend-wp folder to /wp-content/plugins/
  2. Activate the plugin
  3. Go to React Frontend in your WP admin menu
  4. Enable the plugin and choose your preloader style
  5. 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.