Bijou Pack
Asset packs · Bijou
Source and install need .
pnpm dlx shadcn@latest add @assembli/bijou-hourglassHourglass
Bijou pack: an hourglass of two glass bulbs in a polished three-post frame, timing with glossy beads instead of sand. They funnel down and run through the neck one at a time, heap up in the lower bulb, and once the last is through the timer waits a beat and turns itself over. A tap turns it over now. Raymarched in WebGL, with real bead physics.
Props
Other props pass through to the root element.
palette
BijouPalette
A preset palette. Every piece in the pack reads the same colors.
colors
Partial<BijouColors>
Override any color of the palette, as any CSS color.
studio
string
The studio the piece floats in, as any CSS color: what the metal and glass reflect. By default it's a pale warm grey, or near black on dark surfaces.
finish
BijouFinish
How the metal is finished. Changing it crossfades.
speed
number
Idle motion speed. 0 holds still, though the beads still settle; reduced motion always holds.
interactive
boolean
Lean toward the cursor, drag to turn and fling, tap for the piece's trick. The beads feel all of it.
poke
number
Change this value to play the piece's tap trick on cue.
shadow
boolean
The soft shadow the piece casts on the floor beneath it.
surface
"auto" | "light" | "dark"
What the piece sits on. "auto" follows the page theme; set "light" or "dark" when it sits on its own backdrop.
rotate
Vec3
Extra rotation of the resting pose in degrees: [pitch, yaw, roll].
| Prop | Type | Default | Description |
|---|---|---|---|
| palette | BijouPalette | – | A preset palette. Every piece in the pack reads the same colors. |
| colors | Partial<BijouColors> | – | Override any color of the palette, as any CSS color. |
| studio | string | – | The studio the piece floats in, as any CSS color: what the metal and glass reflect. By default it's a pale warm grey, or near black on dark surfaces. |
| finish | BijouFinish | – | How the metal is finished. Changing it crossfades. |
| speed | number | – | Idle motion speed. 0 holds still, though the beads still settle; reduced motion always holds. |
| interactive | boolean | – | Lean toward the cursor, drag to turn and fling, tap for the piece's trick. The beads feel all of it. |
| poke | number | – | Change this value to play the piece's tap trick on cue. |
| shadow | boolean | – | The soft shadow the piece casts on the floor beneath it. |
| surface | "auto" | "light" | "dark" | – | What the piece sits on. "auto" follows the page theme; set "light" or "dark" when it sits on its own backdrop. |
| rotate | Vec3 | – | Extra rotation of the resting pose in degrees: [pitch, yaw, roll]. |
