cards
Comparison with a rift of light
What gets clipped is the LIGHT, not the content. Two mirrored atmospheres, three radial gradients each, share the box through complementary clips: inset(0 100-x% 0 0) and inset(0 0 0 x%). Being complements they tile the frame exactly, with no seam and no gap, wherever the rift sits. The content is never clipped, so dragging reveals nothing new: it moves which half is lit.
See it live and copy its promptWhat you can adjust
- Background
- Head color
- Secondary color
- Text color
- Muted color
- Rift position
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
