tabs
Tab bar with a travelling dome
The bar's own silhouette deforms: its top edge rises into a dome right where the active tab is, and the button lifts until it sits in it. The bump is not a rounded pseudo-element but a slab of the same colour clipped with a path authored in pixels and scaled back into normalised coordinates.
See it live and copy its promptWhat you can adjust
- Background
- Bar color
- Active color
- Bar height
- Active diameter
- Tab width
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.
