Available Templates & Variants
Querlo provides several built-in templates, each with unique aesthetics. The visual template is set via the template option and is independent of the embedType. All templates support all embed types.
Some templates support a variant option for additional color schemes.
| Template | Description | Supported Variants |
|---|---|---|
| `esd` | The classic default Querlo template. | *None* |
| `liquidglass` | Premium glassmorphism design with animated gradients. | `sunset`, `ocean` |
| `liquidmetal` | Brushed-metal aesthetic with smooth, reflective surfaces. | *None* |
| `copertino` | Sleek, Apple-inspired interface with subtle blurs. | `dark`, `emerald`, `mono` |
| `darkstudio` | Professional dark theme with 3D material transitions. | `cyberpunk`, `hacker` |
| `macosclassic` | Classic macOS Aqua-era window chrome with a retro feel. | *None* |
| `macosmodern` | Modern macOS-style window with a clean, native appearance. | *None* |
| `cyberpunk` | Neon-lit, futuristic hacker aesthetic with glitch effects. | *None* |
| `kawaii` | Cute, pastel design with floating petals and playful animations. | *None* |
| `luxe` | Elegant dark theme with champagne gold accents and serif typography. | *None* |
Using a Variant
javascript
Querlo.embed({
id: 'YOUR_CHATBOT_ID',
template: 'liquidglass',
variant: 'sunset',
embedType: 'popup',
});