Skip to content
Built To Ship Faster

Define your tables in Laravel. Make them yours in React.

InertiaX builds backend-defined interactive tables for Laravel, Inertia, and React. Laravel defines the data, columns, and query behavior; React renders the table and custom cells, while Inertia keeps interactions in sync with the server.

Early AccessDemo

These previews are interface sketches. Try the current Table renderer with local data in the Demo.

Instant Data Grid

Define table data and columns in Laravel. Opt into search, sorting, and filters as needed; customize cells in React.

app/Http/Controllers/ProductController.php

use App\Models\Product;
use Inertia\Inertia;
use InertiaX\Facades\InertiaX;

return Inertia::render('Products/Index', [
    InertiaX::table('products')
        ->data(Product::class)
        ->autoColumns(),
]);
PHP
resources/js/Pages/Products/Index.tsx

import { InertiaX } from "@inertiax/react-inertia";

export default function Index() {
  return <InertiaX prop="products" />;
}
TSX
●https://app.inertiax.dev/table
Example products
Product NamePriceStatus
MacBook Pro M3$1,299.00In Stock
MX Master 3S$99.00Low Stock
Dell UltraSharp$450.00In Stock
Showing 1–3 of 124Page 1 of 42
Laravel · Inertia · React

Define in Laravel. Render in React.

React is the current renderer. The Inertia adapter connects it to Laravel. Vue and Svelte integrations are not available; the core keeps host-specific behavior separate.

Installation

Usage

import { InertiaX } from "@inertiax/react-inertia";

export default function App() {
  return <InertiaX prop="products" />;
}
Features

The bridge between Laravel and Modern UI.

Define table capabilities alongside your Laravel query. InertiaX renders the controls in React and updates results through Inertia partial reloads.

Ready to ship faster?

Try an interactive table, then follow the setup guide for your application.

Early Access
What you can verify today

Proof before promises.

Read the current documentation and try the Table renderer in the interactive Demo.

Interactive tables using local demo data.

Laravel definitions beside their React rendering code.

Current Table capabilities documented in one place.

Early AccessDemo

Live interactive previews

The Demo uses the current React table renderer with local fixture data.

Renderer flexibility

Customize React cells, filters, and regions while retaining the Laravel table definition.

Search-first examples

Code snippets, documentation flows, and feature examples show how the product is adopted.

Laravel query behavior

Search, sorting, filters, and pagination run against your Laravel data source.

Built for Production.

Start with Data Tables. Smart Forms, Authentication, and developer tools are coming soon.

Table Pagination

Paginate Eloquent queries and keep table state in namespaced URL parameters.

Cuts repetitive pagination wiring.

Server-Side Filtering

Connect filters to Eloquent scopes and query strings without prop drilling.

Keeps server-backed filtering responsive.

Custom Cells

Render application-specific values with a React cell renderer.

Keep presentation close to your application.

Row Selection

Select rows on the current page and read their IDs in React.

Application actions remain your responsibility.

Explore DocsRead the current Table guides.
Developer First Documentation

Everything you need.
Just a search away.

Build your first table, configure search and filters, and customize React cells with guides and API references.

DocumentationEarly Access
ESC
Waiting for input...
Search-first snippets
bun add @inertiax/core
Early Access

Join the next access wave.

If you want to follow the product as it sharpens, leave your email here and we will keep you posted when new onboarding slots and preview updates open up.

See new rollout patterns before wider release.

Share the workflows you want the product to support next.

Get onboarding updates and access-wave notifications in one place.

Explore ComponentsTalk Through Fit

Request Updates

One field, one clear next step.

By clicking “Request Early Access”, you agree to our Terms of Use.

Used for onboarding and release updates only.Simple opt-in flow
Contact

Tell us what you are
building next.

Need a quote, rollout plan, or a more tailored implementation path? Share the project context and we will review it personally, then follow up with the next steps.

Project scoping & implementation guidance
Custom workflows, integrations, and support planning
ID: FORM_INQUIRY_01