Cards Beam

Cards Beam is a 3D effect in the UI HUB 3D effects collection. It is built with React and Three.js and ships as a self-contained component you can copy into an existing project without pulling in a component library.

The component works without configuration, and can be restyled through its own class names and CSS custom properties.

Preview the 3D effect in the browser above, copy the source, and paste it into your project. 3D Effects components in UI HUB are grouped by category so you can compare effects side by side before choosing one.