Templates
Components
Special Effects
Animations
Text Animations
Backgrounds
🇺🇸 This page is also available in English.
A Flowera UI usa o CLI do shadcn. Os componentes não são instalados como dependência: o CLI copia o código-fonte para dentro do seu projeto, e a partir daí ele é seu — edite à vontade.
Rode o init para criar um projeto novo ou preparar um existente:
@floweraAbra o components.json do seu projeto e adicione o bloco registries:
{
"$schema": "https://ui.shadcn.com/schema.json",
"registries": {
"@flowera": "https://flowera.dev/r/{name}.json"
}
}O {name} é obrigatório — é o marcador que o CLI substitui pelo nome do
componente. A chave também precisa começar com @.
Com o namespace registrado, instale qualquer componente pelo nome:
O CLI resolve as dependências sozinho — instala os pacotes npm necessários e puxa os componentes base do shadcn/ui que o item precisar.
O comando acima grava o arquivo em components/flowera/accordion/accordion-03.tsx.
Importe normalmente:
import AccordionDemo from "@/components/flowera/accordion/accordion-03"
export default function Page() {
return <AccordionDemo />
}Se preferir não mexer no components.json, use a URL completa. O resultado é o
mesmo:
Ver o código de um componente antes de instalar:
Listar tudo que o registry oferece:
Buscar por um componente:
Os itens Pro — todos os blocks e os templates Pro — ficam em um registry licenciado. O acesso exige seu email e sua license key.
Adicione um segundo namespace usando o formato de objeto, que aceita params:
{
"registries": {
"@flowera": "https://flowera.dev/r/{name}.json",
"@flowera-pro": {
"url": "https://flowera.dev/r/pro/{name}.json",
"params": {
"email": "${EMAIL}",
"license_key": "${LICENSE_KEY}"
}
}
}
}.envEMAIL={SEU_EMAIL}
LICENSE_KEY={SUA_LICENSE_KEY}O CLI substitui ${EMAIL} e ${LICENSE_KEY} automaticamente na instalação.
Nunca versione suas credenciais. Mantenha o .env no .gitignore e use
sempre a interpolação ${EMAIL} / ${LICENSE_KEY} — nunca cole os valores
direto no components.json, que costuma ir para o git.
License key and email are required — falta EMAIL ou LICENSE_KEY no seu
.env, ou o bloco params não está no components.json.
Sua license key ou email é inválido — o email precisa ser o mesmo da
compra, e a chave deve ser copiada por inteiro.