PHPackages daniel-cintra/modular - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. daniel-cintra/modular ActiveLibrary[Framework](/categories/framework) daniel-cintra/modular ===================== A fast way to develop web apps using Laravel, Vue and Inertia. v0.5.2(4mo ago)1754.2k↑14.3%271MITPHPPHP ^8.4CI passing Since Mar 30Pushed 4mo ago5 watchersCompare [ Source](https://github.com/ModularThink/modular)[ Packagist](https://packagist.org/packages/daniel-cintra/modular)[ Docs](https://ismodular.com/)[ RSS](/packages/daniel-cintra-modular/feed)WikiDiscussions main Synced 2w ago READMEChangelog (10)Dependencies (23)Versions (83)Used By (1) [ ![Modular Logo](art/modular-github.png)](https://ismodular.com) [![Vue v3.x](https://camo.githubusercontent.com/ee2133b53ec8a2a831cff097896a87663e62880574173d686faeb4703362840a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5675652e6a732d76332e782d3266343035333f7374796c653d666f722d7468652d6261646765266c6f676f3d7675652e6a73266c6f676f436f6c6f723d333961663738)](https://vuejs.org/)[![Inertia.js v3.x](https://camo.githubusercontent.com/6b1b9cebc7a8fd36fddedd21bf281deeb521ce6bb7ab126040a636986c7af772/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f496e65727469612e6a732d76332e782d3637363565613f7374796c653d666f722d7468652d6261646765266c6f676f3d696e6572746961266c6f676f436f6c6f723d666666666666)](https://inertiajs.com/)[![Laravel v13.x](https://camo.githubusercontent.com/20555bfd182fb65a11beea033d55967746d6e880c1985911543c3d7f491d7094/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d7631332e782d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c)](https://laravel.com)[![Tailwind CSS v4.x](https://camo.githubusercontent.com/5c704e94049e31eca67726a4198dfbbcbfc237e1adc7ebbd1338d2e8a94c344e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642532304353532d76342e782d3331623566373f7374796c653d666f722d7468652d6261646765266c6f676f3d7461696c77696e642d637373266c6f676f436f6c6f723d666666666666)](https://tailwindcss.com/)[![Tests passing](https://camo.githubusercontent.com/75cd9700550be01374c306fd21973ab75e4080add5f6cbd953ec3aa75ec9b3e7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f54657374732d70617373696e672d677265656e3f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562)](https://github.com/daniel-cintra/modular/actions) Why Modular? ------------ [](#why-modular) Starting a new web application usually means tackling a bunch of common yet crucial tasks, including: - **Scalable Architecture:** Structuring your application in a way that scales seamlessly with growth. - **Robust Access Control:** Crafting a granular ACL (Access Control List) to manage users and roles proficiently. - **Intuitive Admin Panel:** Either customizing a ready-made or developing a bespoke Admin Panel to streamline your application's construction. - **Responsive Design:** Ensuring your Admin Panel is mobile-friendly and responsive across devices. - **Unified UI Toolkit:** Adopting or developing a UI Toolkit to fast-track frontend development while maintaining a coherent design across pages. - **Effortless Frontend-Backend Integration:** Bridging your frontend and backend intuitively, ensuring a maintainable and straightforward connection. - **Optimized Build Management:** Harnessing the right toolset and stack to manage your frontend application's build steps efficiently. - **Reusable Components:** Abstracting common functionalities and components for reuse (embrace DRY - Don't Repeat Yourself), such as data search, pagination, flash messages, and more. - **Thorough Testing Frameworks:** Implementing testing frameworks to validate your application's functionality. - **Comprehensive Activity Log:** Keeping a detailed log to audit user operations. - **Clear Architectural Vision:** Maintaining a lucid mental model of the project's architectural decisions, promoting consistency and a solid understanding of how all elements interlink. The intricacies of these tasks are far from trivial, often demanding a substantial amount of time and attention. As you delve deeper, you may encounter additional minor behaviors and tweaks that, while seemingly marginal, are crucial and time-consuming. Furthermore, more complex scenarios such as multi-faceted dashboards tailored to user profiles or intricate business rules may arise, adding layers of complexity to your project. Modular aims to alleviate these hurdles by providing a well-structured, comprehensive solution, allowing you to focus on what truly matters - bringing your unique application to life. Why VILT Stack (Vue, Inertia, Laravel, Tailwind)? ------------------------------------------------- [](#why-vilt-stack-vue-inertia-laravel-tailwind) The VILT Stack is a powerful combination of frameworks and tools that provide a robust foundation for building web applications. These technologies **work very well together** to deliver a seamless developer experience, enabling you to concentrate on your application's core functionalities. Moreover, after developing projects of varying sizes and complexities with different stacks, I discovered that the VILT Stack is incredibly flexible. It accommodates simple CRUD applications just as well as it does more complex UIs, with enhanced interactivity and client-side heavy business logic (interactive calendars, dynamic form fields, complex graphics, etc.). Consequently, it scales adeptly in both scenarios, proving to be a reliable choice for both small, straightforward apps and large, complex ones. About Modular ------------- [](#about-modular) Modular stands on the shoulders of giants, integrating powerful frameworks and tools to offer a streamlined development experience. Here’s what lies under the hood: - [Vue 3](https://vuejs.org/) (Drives custom frontend components) - [Inertia.js](https://inertiajs.com/) (Bridges the gap between frontend and backend) - [Laravel 13](https://laravel.com/) (Empowers the backend) - [Tailwind CSS 4](https://tailwindcss.com/) (Styles with ease) - [Vite](https://vitejs.dev/) (Accelerates frontend tooling) When you bring Modular into your Laravel application, here’s a taste of what you'll unlock: - A **Themed Admin Panel** seamlessly integrated with Tailwind CSS, ready to assist you in crafting your application. - A finely-tuned **ACL (Access Control List) System** to effortlessly manage users and roles. - A suite of auto-loaded **Custom Vue 3 Components**, penned in **JavaScript**, and tailored with Tailwind CSS; ready for use. - Vite for a **lightning-fast frontend development** journey. - Inertia.js to ensure a smooth frontend and backend connection, **simplifying routing and component data hydration**, among other benefits. - A **custom-built CLI** to swiftly generate new modules; propelling your **development speed**. - A comprehensive **translation system** ready to help your application speak the world's languages (if needed). - **Build steps** for your frontend application are set, pre-configured, and ready to roll from the get-go, with the right tooling and stack to keep the momentum high. - A **developer experience** designed to leave a grin on your face at the end of each coding day ;) Custom Vue 3 Components ----------------------- [](#custom-vue-3-components) In previous iterations of Modular, I leveraged robust UI Toolkits like Vuetify and Prime Vue. While these are excellent options, a desire for more control over the components led to a change, guided by the following criteria: - Adoption of Vue 3 as the primary JavaScript framework. - Employment of Tailwind CSS for styling purposes. - Seamless integration of Custom Vue 3 Components with the Tailwind Theme System. - Easy customization of components by merely editing them. To facilitate this, components reside not in node\_modules, but in "./resources/js/Components". Need some tweaking? Open the component, modify the Tailwind CSS classes, and save it. Done. - No use of Sass, Less, Stylus, etc. Tailwind CSS exclusively. - No TypeScript. Pure JavaScript only. - Light and exceedingly straightforward Common Components. If necessary, extend or create new components per project to imbue additional functionality. At present, Modular furnishes the following Custom Vue 3 Components: ``` ./resources/js/Components . ├── Auth │   ├── AppAuthLogo.vue │   └── AppAuthShell.vue ├── DataTable │   ├── AppDataSearch.vue │   ├── AppDataTable.vue │   ├── AppDataTableData.vue │   ├── AppDataTableHead.vue │   ├── AppDataTableRow.vue │   └── AppPaginator.vue ├── Form │   ├── AppCheckbox.vue │   ├── AppCombobox.vue │   ├── AppFormErrors.vue │   ├── AppInputDate.vue │   ├── AppInputFile.vue │   ├── AppInputPassword.vue │   ├── AppInputText.vue │   ├── AppLabel.vue │   ├── AppRadioButton.vue │   ├── AppTextArea.vue │   ├── AppTipTapEditor.vue │   └── TipTap │   ├── TipTapButton.vue │   ├── TipTapDivider.vue │   └── extension-file-upload.js ├── Menu │   ├── AppBreadCrumb.vue │   ├── AppBreadCrumbItem.vue │   ├── AppMenu.vue │   ├── AppMenuItem.vue │   └── AppMenuSection.vue ├── Message │   ├── AppAlert.vue │   ├── AppFlashMessage.vue │   ├── AppToast.vue │   └── AppTooltip.vue ├── Misc │   ├── AppButton.vue │   ├── AppCard.vue │   ├── AppImageNotAvailable.vue │   ├── AppLink.vue │   ├── AppSectionHeader.vue │   └── AppTopBar.vue └── Overlay ├── AppConfirmDialog.vue ├── AppModal.vue └── AppSideBar.vue ``` Each of these components **is crafted to integrate seamlessly with Modular**, ensuring the most straightforward developer experience possible. Documentation ------------- [](#documentation) You can find the Modular documentation at . Demo App -------- [](#demo-app) You can find the Modular Demo App at . And the repository for the demo app at . Site ---- [](#site) You can find the Modular Site at . Roadmap ------- [](#roadmap) You can find the Modular Roadmap at . Contributing ------------ [](#contributing) Please read and understand the [Contribution Guide](/CONTRIBUTING.md) before creating an issue or pull request. License ------- [](#license) The Modular Project is open-source software licensed under the [MIT license](LICENSE.md). ### Health Score 55 — FairBetter than 97% of packages Maintenance74 Regular maintenance activity Popularity40 Moderate usage in the ecosystem Community24 Small or concentrated contributor base Maturity69 Established project with proven stability Bus Factor1 Top contributor holds 91.8% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~13 days Recently: every ~27 days Total 82 Last Release 140d ago PHP version history (2 changes)v0.1.0PHP ^8.2 v0.5.0PHP ^8.4 ### Community Maintainers ![](https://www.gravatar.com/avatar/b0f077c189fe88320aef1182fbe48548e2da2b56ebd2d03b0954493c6873cb47?d=identicon)[danielccintra](/maintainers/danielccintra) --- Top Contributors [![daniel-cintra](https://avatars.githubusercontent.com/u/676333?v=4)](https://github.com/daniel-cintra "daniel-cintra (405 commits)")[![mehedijaman](https://avatars.githubusercontent.com/u/8464835?v=4)](https://github.com/mehedijaman "mehedijaman (28 commits)")[![ibnusyawall](https://avatars.githubusercontent.com/u/46734417?v=4)](https://github.com/ibnusyawall "ibnusyawall (2 commits)")[![itsmmunoz](https://avatars.githubusercontent.com/u/94150754?v=4)](https://github.com/itsmmunoz "itsmmunoz (2 commits)")[![maycolmunoz](https://avatars.githubusercontent.com/u/94150754?v=4)](https://github.com/maycolmunoz "maycolmunoz (2 commits)")[![sarahelsagheir](https://avatars.githubusercontent.com/u/53413980?v=4)](https://github.com/sarahelsagheir "sarahelsagheir (2 commits)") --- Tags inertiajslaravellaravel-admin-panellaravel-authenticationtailwindcssvuevuejslaravelmodular ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/daniel-cintra-modular/health.svg) ``` [![Health](https://phpackages.com/badges/daniel-cintra-modular/health.svg)](https://phpackages.com/packages/daniel-cintra-modular) ``` ### Alternatives [code16/sharp Laravel Content Management Framework 79466.1k10](/packages/code16-sharp)[laravel/ai The official AI SDK for Laravel. 1.1k4.6M318](/packages/laravel-ai)[wnx/laravel-backup-restore A package to restore database backups made with spatie/laravel-backup. 214456.3k2](/packages/wnx-laravel-backup-restore)[fleetbase/core-api Core Framework and Resources for Fleetbase API 1239.7k25](/packages/fleetbase-core-api)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3915.5k](/packages/rawilk-profile-filament-plugin)[mradder/filament-logger Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels. 2324.4k1](/packages/mradder-filament-logger) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)