Element Properties
10 components are currently available:
| Component | Description |
|---|---|
| Text | Text layers with rich formatting, markups, fonts, and decorations |
| Button | Clickable button elements with labels and styles |
| Image | Image layers with cropping, fit, and overlay options |
| Logo | Logo layers with smart background removal |
| Shape | Geometric shapes and decorative elements |
| Rating | Star or custom-icon rating display |
| Illustration | Illustration elements from the Abyssale library |
| QR Code | Dynamically generated QR codes |
| Video | Video layers for animated formats |
| Audio | Audio layers for video formats |
Additionally, the background of every format can be customized via the root element.
Common Properties
These properties are available for all components:
| Property | Description |
|---|---|
hidden | Boolean: true, false. Hides the current element if true. |
Shadow
Shadows can be added to all components.
| Property | Description |
|---|---|
shadow_color | String: 6–8 digit hex shadow color |
shadow_blur | Number: blur in pixels (≥ 0) |
shadow_offset_x | Number: horizontal offset in pixels (can be negative) |
shadow_offset_y | Number: vertical offset in pixels (can be negative) |
Component notes:
- Text: if background color is enabled, shadow is applied to the background
- Button: shadows can only be configured on the background
Example
json
{
"shadow_color": "#00000080",
"shadow_blur": 3,
"shadow_offset_x": 4,
"shadow_offset_y": 3
}