Cansado da factura de sempre? Desenha a tua.

Cria o template das tuas facturas em React e Tailwind CSS e usa-o no Vero. As cores, as letras e a disposição são tuas - a certificação e as regras da AGT ficam por nossa conta.

Explorar componentes

// abre http://localhost:3200 e o PDF actualiza-se a cada gravação

Estilize com o que já conhece

Classes Tailwind ou estilos em objecto - como preferir. O resultado é um PDF.

templates/moderno.tsx

import { Document, Row, Logo, DocumentTitle, DocumentNumber, DocumentDate,
  Customer, Issuer, Items, Totals, LegalNotes } from "@veroao/invoice"

export default function Moderno() {
  return (
    <Document className="bg-white px-12 pt-10 text-[11px] text-zinc-900">
      <Row className="items-start justify-between">
        <Logo className="h-12" />
        <DocumentTitle className="text-4xl font-bold uppercase text-teal-900" />
      </Row>

      <Row className="mt-8 gap-6">
        <Customer className="flex-1 border border-zinc-300 p-3" />
        <Issuer className="flex-1" />
      </Row>
      <Row className="mt-6 justify-between">
        <DocumentNumber className="font-bold uppercase" />
        <DocumentDate />
      </Row>
      <Items className="mt-3" headerClassName="bg-zinc-100 font-bold"
        rowClassName="border-b border-zinc-200 even:bg-zinc-50" />
      <Totals className="ml-auto mt-4 w-1/2 border border-zinc-300" />
      <LegalNotes className="mt-6 text-[9px] text-zinc-500" />
    </Document>
  )
}

FR · A4

Feito para a AGT

Liberdade no aspecto. Nenhuma no que a lei exige.

O que a facturação electrónica exige vem de origem e não se desliga. O QR fica sempre no canto inferior direito da última página.

Código QR
Série e número
ATCUD
NIF das partes
IVA por taxa
Contraste
Certificação

Componentes

Componentes que já sabem o que é uma factura.

Os dados vêm de cada documento: linhas, IVA, totais, NIF. O componente desenha; o aspecto é seu.

Ver todos os componentes

Cabeçalho

Partes

Artigos

Totais

Menções legais

Faixas e secções

Ferramentas que conhecem a lei

Antes de uma factura sair, o template é verificado - no editor e na emissão.

npx @veroao/invoice dev

Para o template ficar completo, faltam 3 elementos

NIF do cliente totais menções legais

Código QR da AGT no sítio fixo

Como funciona

Do editor ao PDF, sem sair do código.

1
Escreva
Um .tsx com componentes React e Tailwind. Componentes seus, props, listas.
2
Veja ao vivo
npx @veroao/invoice dev: o PDF actualiza-se cada vez que grava.
3
Publique
Um pull request e o template entra na galeria, com código e pré-visualização.
4
Use no Vero
Importe no Vero: certificação e dados reais entram em cada factura.

Templates

Comece de um template. Ou do zero.

Pré-visualização, código para copiar e importação no Vero em cada um.

Ver os 8 templates

Clássico@vero

O template por omissão das facturas do Vero.

Moderno@vero

Azul-petróleo, com canto decorativo da mesma cor.

Simples@vero

Azul-escuro, sem canto decorativo, linhas finas.

Azul@vero

Faixa azul e cartões arredondados.

Usar no Vero

Um clique e está nas suas facturas.

O template só traz o aspecto. Ao emitir, o Vero preenche a série, o ATCUD, a assinatura, o programa certificado, o QR e os dados reais.

O Vero recebe só um JSON - nunca executa código de terceiros.
Valida o que é obrigatório e mostra a factura com os seus dados antes de aplicar.
Cada factura fica presa à versão do template: reimprimir anos depois sai igual.

Terracota

v3 · @fulano

Copiar JSONAbrir no Vero

terracota@3.json

{
  "template": "terracota",
  "version": 3,
  "author": "@fulano",
  "schemaVersion": 2,
  "theme": { "colors": { "brand": "#9A3412" } },
  "body": [ … ]
}

Open source. Use, adapte, contribua.

Licença MIT. Funciona sem o Vero - gere PDFs com os seus dados, no seu servidor. Com o Vero, importa qualquer template da galeria.

GitHub npm · v0.2.0