Circular Slider
A row of cards sitting on a big circle that curve past as you drag, throw or use the arrows, then snap to the nearest one. Only the top slice of the circle shows, so the cards ride a gentle crest. Good for portfolios and product carousels.
One of 58 GSAP components in React, Vue and HTML.
On mobile
Take the free components with you.
In React, Vue and HTML, in your inbox, ready when you're back at your desk.
What you'll need.
Install
- GSAP
- MotionPathPlugin
- Draggable
- InertiaPlugin
Attributes, tips, use cases and full code are part of access.
The preview and provenance stay public. Tune-it docs, the data-anm-* attribute table, real-world use cases and the copy-ready code unlock the moment you sign in.
Get accessFrom €29/mo
Browse by category