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(3mo ago)1754.1k—7.7%261MITPHPPHP ^8.4CI passing Since Mar 30Pushed 3mo 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 yesterday 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 56 — FairBetter than 97% of packages Maintenance82 Actively maintained with recent releases Popularity40 Moderate usage in the ecosystem Community23 Small or concentrated contributor base Maturity68 Established project with proven stability Bus Factor1 Top contributor holds 92.3% 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 94d 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)")[![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 [laravel/ai The official AI SDK for Laravel. 1.0k3.2M193](/packages/laravel-ai)[code16/sharp Laravel Content Management Framework 79164.7k8](/packages/code16-sharp)[wnx/laravel-backup-restore A package to restore database backups made with spatie/laravel-backup. 213420.1k2](/packages/wnx-laravel-backup-restore)[spatie/laravel-pdf Create PDFs in Laravel apps 1.0k4.8M47](/packages/spatie-laravel-pdf)[nasirkhan/laravel-starter A CMS like modular Laravel starter project. 1.4k2.7k](/packages/nasirkhan-laravel-starter)[fleetbase/core-api Core Framework and Resources for Fleetbase API 1235.9k20](/packages/fleetbase-core-api) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)