Creative & Generative Components

Breakdowns of the more playful, generative blocks in the library — draggable bubble grids, 3D globes, and other motion-driven showpieces.

CreativeFramer MotionThree.js

The library isn't only about practical primitives. Some blocks exist purely to delight: interactive backdrops, generative grids, and 3D showpieces you can drop behind a marketing page.

What you'll find here

  • Bubble Board — a draggable plane of chart-colored bubbles wired to Motion Values with no re-renders.
  • Globe — a WebGL earth you can spin, built with Three.js.

These components trade a little setup complexity for a lot of visual payoff. They're the blocks people screenshot.