Tall Maryui Laravel Package

Product Decisions This Supports

• Accelerated UI/UX Development: Enables rapid prototyping of Laravel applications with pre-built maryUI components, reducing front-end development time by 30-50% for common patterns (forms, modals, cards, etc.).
• Consistent Design System: Aligns with maryUI’s modern, accessible, and customizable design system, ensuring brand consistency across products without reinventing the wheel.
• TALL Stack Adoption: Justifies investment in the TALL (Tailwind + Alpine + Laravel + Livewire) stack for teams new to Livewire, providing a scaffolded foundation with best practices (e.g., Livewire components, Vite asset compilation).
• Auth Flow Standardization: Simplifies authentication implementation (login, registration, password reset) with pre-tested Livewire components, reducing security risks and QA effort.
• Build vs. Buy: Avoids custom front-end builds for MVP or internal tools where maryUI’s aesthetic and functionality suffice, lowering dev costs.
• Roadmap Prioritization: Validates whether to invest in maryUI as a long-term design system (vs. alternatives like Tailwind-only or Bootstrap) by offering an easy on-ramp.

When to Consider This Package

• Adopt when:

  • Your team is new to Livewire/TALL stack and needs a scaffolded starting point.
  • You prioritize rapid iteration over full customization (e.g., MVPs, internal tools, or prototypes).
  • Your design system aligns with maryUI’s aesthetic (minimalist, utility-first, accessible).
  • You lack dedicated front-end resources but need polished UI components.
  • You’re using Laravel 12 and want to avoid manual Vite/Tailwind/Livewire setup.

• Look elsewhere if:

  • You require highly customized UI beyond maryUI’s components (e.g., complex animations, niche design needs).
  • Your team prefers Bootstrap, Bulma, or a custom Tailwind setup without pre-built components.
  • You’re building a public-facing product where brand-specific design is critical (may need deeper customization).
  • You need enterprise-grade support (package has low stars/dependents; evaluate maintenance risk).
  • Your project uses Laravel <12 or requires non-Vite asset pipelines.

How to Pitch It (Stakeholders)

For Executives:

*"This package lets us launch Laravel-based products 30% faster by combining the power of Livewire (real-time interactivity) with maryUI’s polished, accessible components—no front-end expertise required. For example:

• Auth flows (login, registration) are pre-built with Livewire and tested, cutting QA time.
• Consistent UI across tools/apps without hiring designers, using a modern, utility-first system.
• Low risk: MIT-licensed, open-source, and easy to remove if needs change. Investment: Minimal (one composer command). ROI: Faster iterations, reduced dev overhead, and alignment with our design system."*

For Engineering:

*"This solves two pain points:

1. TALL Stack Onboarding: Instead of manually configuring Vite, Tailwind, and Livewire, this preset gives us a working scaffold with:
   • Vite-compiled assets (Tailwind + Alpine).
   • maryUI components (modals, cards, forms) ready to drop into views.
   • Livewire auth components with pre-written tests.
2. Flexibility: All files are published to our app—no vendor lock-in. We can tweak or replace anything post-install. Trade-offs:

• Limited to maryUI’s design system (but highly customizable via Tailwind).
• Best for greenfield projects or rapid prototyping. Next steps: Spin up a test Laravel 12 app and run php artisan tall:install to see the scaffold in action."*

For Designers:

"This package gives you maryUI’s component library*—out of the box**—with:

• Pre-styled forms, modals, and cards that match our brand guidelines (if we configure Tailwind properly).
• Alpine.js interactivity for micro-frontend behaviors (e.g., tooltips, collapsibles) without custom JS.
• No Figma-to-code handoff: Components are ready to use in Laravel views. Caveat: If our design system diverges from maryUI’s defaults, we’ll need to override styles (but Tailwind makes this easy)."*