Tab Stack
Project titles stack like tabs while each image folds away.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- headerHeight
- fold
- maxStacked
- smooth
- minWidth
What it does
Tab Stack is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called sticky tab list, project accordion scroll or stacking headers.
Each project title sticks to the top under the ones before, piling up like tabs as you scroll. Its image opens out from one corner and folds into the other. Click a stacked title to scroll back to it.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.