Templates
Components
Special Effects
Animations
Text Animations
Backgrounds
🇧🇷 Esta página também está disponível em português.
Flowera UI uses the shadcn CLI. Components are not installed as a dependency: the CLI copies the source code into your project, and from then on it's yours — edit it however you want.
Run init to create a new project or set up an existing one:
@flowera namespaceOpen your project's components.json and add the registries block:
{
"$schema": "https://ui.shadcn.com/schema.json",
"registries": {
"@flowera": "https://flowera.dev/r/{name}.json"
}
}The {name} placeholder is required — it's what the CLI replaces with the
component name. The key must also start with @.
With the namespace registered, install any component by name:
The CLI resolves dependencies on its own — it installs the required npm packages and pulls in any shadcn/ui base components the item needs.
The command above writes the file to components/flowera/accordion/accordion-03.tsx.
Import it normally:
import AccordionDemo from "@/components/flowera/accordion/accordion-03"
export default function Page() {
return <AccordionDemo />
}If you'd rather not touch components.json, use the full URL instead. The result
is the same:
View a component's source before installing it:
List everything the registry offers:
Search for a component:
Pro items — every block and the Pro templates — live in a licensed registry. Access requires your email and license key.
Add a second namespace using the object format, which accepts 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={YOUR_EMAIL}
LICENSE_KEY={YOUR_LICENSE_KEY}The CLI replaces ${EMAIL} and ${LICENSE_KEY} automatically at install time.
Never commit your credentials. Keep .env listed in .gitignore and always
use the ${EMAIL} / ${LICENSE_KEY} interpolation — never paste the raw values
into components.json, which is usually versioned.
License key and email are required — your .env is missing EMAIL or
LICENSE_KEY, or the params block is absent from components.json.
Sua license key ou email é inválido — the email must match the one used at
purchase, and the key must be copied in full.