Novo: Naive UI + Dark Mode

Gere código Fullstack em segundos

Framework completo para criar aplicações Laravel + Vue 3 com componentes modernos, autenticação, CRUD automático e muito mais.

20+
Componentes
100%
Responsivo
🌙
Dark Mode
terminal
# Criar um novo módulo CRUD
php artisan make:module Products
# Gera automaticamente:
Model + Migration
Controller + Resource
Repository + Service
Vue Page + Components
Routes API + Web
✨ Módulo criado com sucesso!
🎨
Naive UI
Design moderno
Vue 3
Composition API
Features

Tudo que você precisa

Um framework completo para acelerar seu desenvolvimento fullstack

🔧

Gerador de Módulos

Crie módulos CRUD completos com um comando. Backend e Frontend integrados automaticamente.

🎨

20+ Componentes

Biblioteca completa com Input, Select, Table, Modal, Cards, Avatar, Progress e muito mais.

🌙

Dark Mode

Suporte nativo a tema escuro com transições suaves e persistência de preferência.

🔐

Autenticação

Sistema completo com Laravel Sanctum, roles, permissões e middleware de segurança.

📱

100% Responsivo

Todos os componentes adaptados para mobile, tablet e desktop com breakpoints inteligentes.

💳

Credit Card

Componente de cartão de crédito com detecção de bandeira e banco brasileiro.

Demo

Veja em Ação

Criando o componente LvCard do zero

LvCard.vue — Lavarel Component
👆 Clique para ampliar
Tech Stack

Tecnologias Modernas

Construído com as melhores ferramentas do ecossistema

Laravel 10

Backend robusto com Eloquent, Sanctum e API Resources

Vue 3

Composition API, reatividade e Single File Components

Quasar

Framework Vue com build para SPA, PWA, SSR e Mobile

Naive UI

Componentes Vue 3 modernos com TypeScript e Dark Mode

Componentes

Biblioteca Completa

Componentes prontos para usar no seu projeto

📝
LvInput
<lv-input>
📋
LvSelect
<lv-select>
🔘
LvBtn
<lv-btn>
📊
LvTable
<lv-table>
🗂️
LvCard
<lv-card>
💬
LvModal
<lv-modal>
👤
LvAvatar
<lv-avatar>
🏷️
LvTag
<lv-tag>
📈
LvProgress
<lv-progress>
🔔
LvBadge
<lv-badge>
💳
LvCreditCard
<lv-credit-card>
📄
LvDisplayer
<lv-displayer>
Como Funciona

Simples e Rápido

Comece seu projeto em minutos

1

Clone o Projeto

Faça o clone do repositório e instale as dependências

2

Configure

Configure o .env com suas credenciais de banco de dados

3

Gere Módulos

Use os comandos artisan para criar módulos CRUD

4

Desenvolva

Customize os componentes e adicione sua lógica de negócio

Pronto para começar?

Clone o repositório e comece a construir sua aplicação fullstack hoje mesmo.

⭐ Star no GitHub
LvCard.vue — Lavarel Component