Glass Hopper

Pro

A frosted glass hopper cycling feature chips through a soft, timed drop-in loop.

illustrationsglasshopperframer motiontabler icons react
Glass Hopper component preview

Props

PropTypeDefaultDescription
chipsGlassHopperChip[]-Feature chips that rotate through the hopper. Each needs id, title, description, and icon.
intervalMsnumber2000Milliseconds between chip rotations.
pausedbooleanfalsePause the drop loop without unmounting.
bodyColorstring"#ffffff"Fill color of the opaque hopper body.
glassTintstring"#ffffff"Tint for the frosted glass wings, rim, and mouth overlays.
accentColorstring"#52525b"Accent color for the chip's icon badge.