Cube
Asset packs · Bijou
Source and install need .
pnpm dlx shadcn@latest add @assembli/bijou-dropDrop
Bijou pack: a glass teardrop of beads under a polished cap, hanging by a rod from a bar with a ball at each end. It swings like a pendulum and the beads slosh from side to side with every turn. A tap pushes it into a big swing that dies away over a few beats. 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]. |
