Cube
Asset packs · Bijou
Source and install need .
pnpm dlx shadcn@latest add @assembli/bijou-gimbalGimbal
Bijou pack: a glass globe of beads hung in three nested polished rings on a stand, like a gyroscope or an armillary sphere. Each ring turns on its own pins at its own slow pace, so the globe rolls over and over and the beads tumble round inside it. A tap spins every ring up, and they wind down again. 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]. |
