Crystalized Ball
A glass sphere full of slowly turning crystal facets, with a rim light and a highlight that leans toward the cursor.
import { CrystalizedBall } from "pleate/effects/crystalized-ball";Palette accent
Switch palette to see it follow.
Colors and facets
Props
- color
Crystal color.
stringdefault var(--pl-accent)- facets
Facets across the ball.
numberdefault 7- radius
Ball radius as a share of the shorter side.
numberdefault 0.42- speed
Playback speed multiplier.
numberdefault 1
Accessibility
- Decorative canvas, hidden from assistive tech.
- Pauses off screen. Reduced motion shows one still frame. Without WebGL2 only the container background shows.