picker-carousel-feature-cycle

Shot recipes · A whole scene · Apache-2.0

What it does

A vertical mobile-style picker holds its focus pill still while the list passes through it, each item decelerating hard into place and resting for several frames before the next.

Get it

Copy demos/interaction/picker-carousel-feature-cycle/PickerCarouselFeatureCycle.tsx into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Motion.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="PickerCarouselFeatureCycle" component={PickerCarouselFeatureCycle} durationInFrames={PICKER_CAROUSEL_FEATURE_CYCLE_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the picker-carousel-feature-cycle shot card". Read the card first: references/shots/interaction/picker-carousel-feature-cycle.md.

Source on GitHub
Needs (the whole pack)

Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.

Re-skin

Edit the file (colors, logo)

No props. It uses no named look: about 12 color values are written in the demo. Fonts come from the shared fixture files (FONT in Polish.tsx, type() in Look.tsx). The logo and name on screen are the pack's own, from demos/_fixtures/Brand.tsx (one brand file every demo imports): swap it for the…

License

Apache-2.0

License notes are on the pack's page

From

video-shotcraft

Everything from video-shotcraft in the gallery

Back to the Asset Library