https://github.com/inertiaui/modal
With Inertia Modal, you can easily open any route in a Modal or Slideover without having to change anything about your existing routes or controllers.
https://github.com/inertiaui/modal
inertiajs modal react reactjs vue vue3 vuejs
Last synced: 3 months ago
JSON representation
With Inertia Modal, you can easily open any route in a Modal or Slideover without having to change anything about your existing routes or controllers.
- Host: GitHub
- URL: https://github.com/inertiaui/modal
- Owner: inertiaui
- License: mit
- Created: 2024-09-26T06:43:28.000Z (over 1 year ago)
- Default Branch: 3.x
- Last Pushed: 2026-03-31T12:23:03.000Z (3 months ago)
- Last Synced: 2026-03-31T14:35:02.902Z (3 months ago)
- Topics: inertiajs, modal, react, reactjs, vue, vue3, vuejs
- Language: PHP
- Homepage: https://inertiaui.com/inertia-modal/docs
- Size: 4.13 MB
- Stars: 227
- Watchers: 6
- Forks: 42
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# Inertia Modal
[](https://github.com/inertiaui/modal/actions/workflows/tests.yml)
Inertia Modal is part of [Inertia UI](https://inertiaui.com), a suite of packages designed for Laravel, Inertia.js, and Tailwind CSS. With Inertia Modal, you can easily **open any route in a Modal or Slideover** without having to change anything about your existing routes or controllers.
You may find the documentation at [https://inertiaui.com/inertia-modal/docs](https://inertiaui.com/inertia-modal/docs) and a video demo at [https://www.youtube.com/watch?v=KAKOosmWV14](https://www.youtube.com/watch?v=KAKOosmWV14).
## Sponsor Us
[
](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=inertia-modal)
❤️ We proudly support the community by developing Laravel packages and giving them away for free. If this package saves you time or if you're relying on it professionally, please consider [sponsoring the maintenance and development](https://github.com/sponsors/pascalbaljet) and check out our latest premium package: [Inertia Table](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=inertia-modal). Keeping track of issues and pull requests takes time, but we're happy to help!
## Features
- Supports React and Vue
- Zero backend configuration
- Super simple frontend API
- Support for Base Route / URL
- Modal and slideover support
- Headless support
- Nested/stacked modals support
- Reusable modals
- Multiple sizes and positions
- Reload props in modals
- Easy communication between nested/stacked modals
- Highly configurable
# Requirements
Inertia Modal has the following requirements:
- PHP 8.2+
- Laravel 11.11+, Laravel 12+, or Laravel 13+
- Inertia Laravel 2.0+
- Tailwind CSS 4+
- **React**: React 19+ with `@inertiajs/react` 2.3.15+
- **Vue**: Vue 3.4+ with `@inertiajs/vue3` 2.3.15+
The package is designed and tested to work with Laravel and Inertia.js v2. It may work with other backend frameworks, but there is no guarantee or support for such configurations.
## Changelog
Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.
## Contributing
Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
## Other Laravel packages
- [`Inertia Table`](https://inertiaui.com/inertia-table?utm_source=github&utm_campaign=laravel-splade): The Ultimate Table for Inertia.js with built-in Query Builder.
- [`Laravel Blade On Demand`](https://github.com/protonemedia/laravel-blade-on-demand): Laravel package to compile Blade templates in memory.
- [`Laravel Cross Eloquent Search`](https://github.com/protonemedia/laravel-cross-eloquent-search): Laravel package to search through multiple Eloquent models.
- [`Laravel Eloquent Scope as Select`](https://github.com/protonemedia/laravel-eloquent-scope-as-select): Stop duplicating your Eloquent query scopes and constraints in PHP. This package lets you re-use your query scopes and constraints by adding them as a subquery.
- [`Laravel Eloquent Where Not`](https://github.com/protonemedia/laravel-eloquent-where-not): This Laravel package allows you to flip/invert an Eloquent scope, or really any query constraint.
- [`Laravel MinIO Testing Tools`](https://github.com/protonemedia/laravel-minio-testing-tools): This package provides a trait to run your tests against a MinIO S3 server.
- [`Laravel Mixins`](https://github.com/protonemedia/laravel-mixins): A collection of Laravel goodies.
- [`Laravel Paddle`](https://github.com/protonemedia/laravel-paddle): Paddle.com API integration for Laravel with support for webhooks/events.
- [`Laravel Verify New Email`](https://github.com/protonemedia/laravel-verify-new-email): This package adds support for verifying new email addresses: when a user updates its email address, it won't replace the old one until the new one is verified.
- [`Laravel XSS Protection Middleware`](https://github.com/protonemedia/laravel-xss-protection): Laravel Middleware to protect your app against Cross-site scripting (XSS). It sanitizes request input by utilising the Laravel Security package, and it can sanatize Blade echo statements as well.
## Security Vulnerabilities
If you discover a security vulnerability within Inertia UI, please send an e-mail to Pascal Baljet via [pascal@protone.media](mailto:pascal@protone.media). All security vulnerabilities will be promptly addressed.
## Credits
- [Pascal Baljet](https://github.com/protonemedia)