Examples

Finished pages built with the registry, the way you would build yours. Each one is a real app in the repository, with notes on where the glass bends and why.

  • The Lumen product page: a glowing lamp with a scene picker beneath it.

    Next.js

    Lumen

    A product page for a smart lamp.

    A launch page for a made-up lamp, in the style of a hardware product site. A scene picker sits under the hero lamp, a slider drags the lamp through a day of light, a control tile holds switches and sliders for brightness and colour, a finish picker sits on a pale wall, and a sheet with a toast handles buying. Every control sits in the lamp's light, so the glass always has something to bend.

    • @liquikit/glass
    • @liquikit/segmented-control
    • @liquikit/slider
    • @liquikit/switch
    • @liquikit/sheet
    • @liquikit/button
    • @liquikit/toast