New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Is There Any Plan to Release an Official Laravel + Vue 3 Starter Kit for Metronic?


d love the design system overall. However, I'm currently working on a project where Laravel 10 and Vue 3 are core technologies, and it’s been quite a challenge to integrate Metronic smoothly without an official starter kit.

While I managed to get it working with bits of community support and debugging (similar to the guide here on the forum), it still feels like something that's missing for a theme of this scale. For reference, you can check the kind of project I’m running at ( which is built using WordPress now, but I’ve been considering moving future projects to Laravel + Vue — and Metronic would be my top choice *if* integration were more straightforward.

Are there any plans to release a dedicated Laravel + Vue 3 starter kit (especially for Laravel 10+)? Or maybe updated documentation that goes beyond basic integration?

Thanks!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


I agree, an official Laravel + Vue 3 starter kit for Metronic would make development much smoother and save a lot of integration time. In the meantime, if you’re into mobile gaming, check out the thrilling traffic rider hack
money version for endless racing fun.



This will be helpful.



Hi


There are currently no plans for a dedicated Laravel + Vue 3 starter kit. However, you do have some options to work with:

Current Available Resources:
1. Separate Boilerplates: Keenthemes provides individual boilerplates for:
- [Laravel Integration](https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel) - Uses Laravel 12.x with Blade templates
- [Vue Integration](https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-vue) - Vue 3 with Vite setup

2. Integration Approach: You could potentially:
- Start with the Laravel boilerplate as your foundation
- Integrate Vue 3 components within the Laravel application
- Use the Vue boilerplate's component structure as a reference for Vue-specific implementations

Alternative Solutions:
- Consider using the existing Laravel boilerplate with Blade templates for the main layout
- Implement Vue 3 components for interactive parts of your application
- Use the Vue boilerplate's setup instructions to understand the proper asset integration

Sources:
- [Metronic Tailwind HTML Integration Repository](https://github.com/keenthemes/metronic-tailwind-html-integration)
- [Metronic v9 Documentation](https://keenthemes.com/metronic/tailwind/docs)

1. Review the existing Laravel and Vue boilerplates to understand the integration patterns
2. Consider starting with the Laravel boilerplate and gradually adding Vue 3 components
3. If you need more specific guidance on Laravel + Vue integration, I can escalate this to our development team for detailed technical assistance
4. For feature requests like this, you can also submit them through our [Dev Forum]( to help us understand community demand

While it's not the ideal solution you're looking for, these existing resources should help you get started with your Laravel + Vue 3 + Metronic project.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(