The liquid theme
Consumer apps, products that want to look current.
0:00 / 0:00
Landscape, 1920x1080. A web copy of the real render.
- Style
- Liquid glass
- Suits
- Consumer apps, products that want to look current
- Fonts
- Plus Jakarta Sans, Inter
- Moves
- Float: things drift in softly. The feel is calm.
- Sounds
- Soft glassy light
- Also called
- liquid-glass, liquidglass
showcase.config.json
{
"url": "http://localhost:3000",
"theme": "liquid"
}bunx showcase make --theme liquid --draft
How its surfaces are drawn
The parts of the look
These are drawn here with the theme's own styles, read from the kit's source. In a video they sit over your product.
A panelCards and steps are drawn like this
A chipA callout label
A caption, read once and quicklyFor an AI agent
A skill for this theme
Each theme has a skill that tells an agent how to build graphics that follow it. Starting a video in a theme copies its skill into your project.
Start a video in this theme
bunx showcase init --config --theme liquidThe skill is showcase-theme-liquid.