Laravel owns behavior.
Your app owns the UI.

Inertify is a family of headless, schema-driven packages for Laravel, Inertia, and Vue.
Declare behavior once on the server, then render it with your own components and design system.

v0.1.0 pre-release

Inertify Form

Define fields, rules, authorization, visibility, binding, and uploads in Laravel. Render every control with your own Vue components.

Container-resolved PHP form classes
Server-side validation, Precognition, and authorization
Native, temporary, chunked, and direct uploads
Renderless Vue engine with typed composables

Documentation

inertify/form@inertify/form-vue

Avatar

Placed explicitly with FormField

<?php

namespace App\Forms;

use Inertify\Form\Fields\Checkbox;
use Inertify\Form\Fields\Combobox;
use Inertify\Form\Fields\Fieldset;
use Inertify\Form\Fields\File;
use Inertify\Form\Fields\Radio;
use Inertify\Form\Fields\TextInput;
use Inertify\Form\Fields\Toggle;
use Inertify\Form\Form;

final class ProfileForm extends Form
{
    public function fields(): array
    {
        return [
            Fieldset::make()
                ->id('main')
                ->fields([
                    File::make('avatar', 'Avatar')
                        ->image()
                        ->maxSize(5 * 1024),
                    TextInput::make('name', 'Name')
                        ->required()
                        ->precognitive(),
                    TextInput::make('email', 'Email')
                        ->email()
                        ->required()
                        ->precognitive(),
                    Combobox::make('skill', 'Primary skill')
                        ->source(route('skills.index'))
                        ->searchable()
                        ->preload()
                        ->required(),
                    TextInput::make('company', 'Company')
                        ->visibleWhen('is_employed', true)
                        ->clearWhenHidden(),
                ]),
            Fieldset::make()
                ->id('extra')
                ->fields([
                    Radio::make('work_mode', 'Preferred work mode')
                        ->options([
                            'remote' => 'Remote',
                            'hybrid' => 'Hybrid',
                            'office' => 'Office',
                        ])
                        ->default('remote'),
                    Checkbox::make('is_employed', 'Currently employed')
                        ->default(true),
                    Toggle::make('notifications', 'Project notifications')
                        ->default(true),
                ]),
        ];
    }
}

<script setup lang="ts">
import {
  Form,
  FormFieldsets,
  FormSubmit,
  type FormResource,
} from '@inertify/form-vue'
import { FormField, FormFields } from '@/components/form'
import Button from '@/components/ui/Button.vue'
import Card from '@/components/ui/Card.vue'

defineProps<{ form: FormResource }>()
</script>

<template>
  <Form :form="form" v-slot="{ form: api, processing, canSubmit }">
    <Card class="space-y-5">
      <FormField name="avatar" />

      <FormFieldsets v-slot="{ id, fieldset }">
          <section
            :class="id === 'main'
              ? 'grid gap-4 sm:grid-cols-2'
              : 'space-y-4'"
          >
            <FormFields
              :fieldset="fieldset"
              except="avatar"
            />
        </section>
      </FormFieldsets>

      <Button
        type="submit"
        :disabled="!canSubmit || processing"
      >
        {{ processing ? 'Saving…' : 'Save profile' }}
      </Button>
    </Card>
  </Form>
</template>

Coming soon

Inertify Table

Planned. Columns, filters, sorting, and pagination declared in Laravel, with rows rendered by application-owned components.

Column, filter, and sort definitions in PHP
Query state carried through Inertia partial reloads
Server-authorized selection and bulk actions
No table markup, styles, or components shipped

In design. Scope and package names are not final.

Server-driven data tables, declared in Laravel and rendered by your own components.

Coming soon

Inertify Modal

Planned. Dialogs and slideovers resolved from Laravel routes, keeping real URLs while your application owns the dialog markup.

Modal responses returned from controllers
Stacked dialogs with addressable URLs
Background page preserved across visits
Your own overlay, focus, and animation decisions

In design. Scope and package names are not final.

Route-driven modals, declared in Laravel and rendered by your own components.

Shared foundations

The packages differ in scope, not in philosophy. Whatever ships next follows the same rules.

Headless by default

No CSS, Tailwind preset, component library, editor, or icon set is shipped at runtime.

Laravel-first

Behavior is declared in container-resolved PHP classes with the framework APIs you already use.

Inertia-native

Resources pass straight through Inertia properties, including partial reloads and Precognition.

Typed Vue engines

Every package pairs with a Vue 3.5 package built from composables and renderless components.

Server-owned authorization

What a user may see or change is decided in Laravel and reflected in the serialized resource.

MIT licensed

Independent, clean-room implementations released as open source under the MIT License.

Ready to build?

Inertify Form is the package you can install today. Table and Modal are still in design — follow the organization on GitHub to see them land.

Read the documentation Follow the organization

Laravel owns behavior. Your app owns the UI.