Data & motion · 10 blocks
Carousels
10 open-source carousels blocks for Pantheon Content Publisher (P1) and plain React + Tailwind. Copy the code or hand the brief to your coding agent.
- Card CarouselStory or program cards you can drag and flick with momentum, snapping card to card, with arrows and a progress rule.Needs gsap
- Logo MarqueeAn endless, slow-drifting row of partner logos that eases to a stop on hover, focus or its Pause button.Needs gsap
- Testimonial CarouselOne large quote at a time, crossfading with a soft lift, picked from a row of avatar tabs. Rotation is optional.Needs gsap
- News TickerA slim bar of linked headlines or alerts that roll vertically one at a time, with previous/next and optional rotation.Needs gsap
- Timeline CarouselYour history as a draggable panel of milestones synced to a year scrubber whose marker glides to the active year.Needs gsap
- Hero SlideshowFull-bleed photo slides that crossfade with a slow Ken Burns push, staggered copy, a counter and optional pausable rotation.Needs gsap
- Coverflow CarouselImage cards fanned out in 3D around a spotlit center card with its caption. Drag, throw, buttons or arrow keys.Needs gsap
- Thumbnail GalleryA large captioned photo stage over a thumbnail strip; each new photo rises out of its thumbnail. Shows a 3 / 12 count.Needs gsap
- Horizontal Scroll StoryBig-number story chapters that pin and slide sideways as the page scrolls, with a progress line. Stacks on phones.Needs gsap
- Stacked CardsA hand-dealt pile of cards: fling the top one aside or press next to toss it to the back while the rest spring up.Needs gsap