One shared library. Take what fits.
Components, sounds, images and overlays that people shared from their own videos. Find one here, then pull it by its id.
Reelkit is free, and browsing is open to everyone. Pulling needs the CLI and a free account: run reelkit auth login and sign in with an email link.
Results
24 items shown
Combination (film badge)
A 5 second white-on-black film badge overlay reading "Combination", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-combinationSwipe
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-swipeApp
Install Card An app store listing row: icon, name, rating and a Get button that is tapped, fills a download ring and turns into Open. Pass the app's real icon as iconSrc={urls[key]} and its real rating. Variants: light, dark.
Usage
<AppInstallCard name="Daybreak" subtitle="Plan your day in a minute" glyph="calendar" rating={4.8} ratingCaption="12K ratings" pressAt={22} />reelkit assets pull cmp-appinstallcardAllround (film frame)
A 5 second white-on-black film frame overlay reading "Allround", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-allroundTense Fast
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-tense-fastLaptop
Mockup A laptop whose lid swings open as it rises into frame, showing the user's real screenshot on its screen. Pass src={urls[key]} of an uploaded screenshot; never fake an app screen. Bodies: silver, dark.
Usage
<LaptopMockup size={0.7} />reelkit assets pull cmp-laptopmockup4K (film badge)
A 5 second white-on-black film badge overlay reading "4K", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-4kSoft Wipe
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-soft-wipeDynamic
Island The black pill at the top of a phone that stretches open to show a live activity (a call, a song, a timer, a delivery) with the app's icon and moving sound bars or a time, then shrinks back.
Usage
<DynamicIsland title="Dana Levi" subtitle="Incoming call" icon="phone" top={0.36} />reelkit assets pull cmp-dynamicislandBarcode (film badge)
A 5 second white-on-black film badge overlay reading "Barcode", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-barcodeSlash
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-slashBento
Grid A keynote-style feature grid: rounded tiles of different widths on black, each with one big gradient figure and a short label, coming into focus one after another. The whole product on one screen. Pass only real figures.
Usage
<BentoGrid heading="Everything in one place" tiles={[{ value: "18 hrs", label: "Battery life", wide: true }, { value: "2x", label: "Faster exports" }, { value: "4K", label: "Video at 60 frames" }, { value: "1 TB", label: "Cloud storage" }, { value: "24/7", label: "Support from real people" }]} />reelkit assets pull cmp-bentogrid35mm (film badge)
A 5 second white-on-black film badge overlay reading "35mm", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-35mmRobo
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-roboTouch
Tap The round touch marker of a screen recording: it appears, presses with a ring, or drags along for a swipe. Lay it over a phone screenshot to show taps and swipes. Positions are fractions of the frame.
Usage
<TouchTap taps={[{ x: 0.3, y: 0.4 }, { x: 0.7, y: 0.6, to: { x: 0.35, y: 0.6 } }, { x: 0.5, y: 0.3 }]} size={0.07} />reelkit assets pull cmp-touchtap16mm (film frame)
A 5 second white-on-black film frame overlay reading "16mm", made to be laid over footage with the screen blend so only the white marks show.
reelkit assets pull film-details-16mmRise
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-riseCollab
Cursors Several coloured pointers with name tags moving around at once, as when a team works in the same file. Lay it over a screenshot or a design to say together, live. Positions are fractions of the frame.
Usage
<CollabCursors people={[{ name: "Maya", points: [{ x: 0.15, y: 0.3 }, { x: 0.4, y: 0.55 }, { x: 0.3, y: 0.7 }] }, { name: "Tom", points: [{ x: 0.8, y: 0.75 }, { x: 0.6, y: 0.35 }, { x: 0.72, y: 0.5 }] }, { name: "Lin", points: [{ x: 0.5, y: 0.15 }, { x: 0.55, y: 0.7 }, { x: 0.2, y: 0.5 }] }]} size={0.05} />reelkit assets pull cmp-collabcursorsRight
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-rightCursor
Click A mouse pointer that glides between points and clicks, with a press and an expanding ring, and an optional name tag. Lay it over a screenshot or a mockup to show someone using the product. Positions are fractions of the frame.
Usage
<CursorClick points={[{ x: 0.2, y: 0.75 }, { x: 0.5, y: 0.45, click: true }, { x: 0.74, y: 0.3, click: true }]} moveEvery={30} size={0.06} />reelkit assets pull cmp-cursorclickObject
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-objectShimmer
Skeleton A loading card: grey placeholder lines with a band of light sweeping across them, which then resolve into the real title and text. For generating, loading and waiting versus ready. Variants: light, dark.
Usage
<ShimmerSkeleton title="Your summary is ready" text="Three key points and the next steps, pulled from a forty-page report." resolveAt={50} />reelkit assets pull cmp-shimmerskeletonMachine Swipe
Ultimate Social Content / Transitions Short
reelkit assets pull ultimate-social-content-transitions-short-machine-swipeGlow
Orb A glowing orb of swirling colour that breathes and pulses like a voice assistant that is listening or speaking, with an optional line under it. Raise energy while it speaks.
Usage
<GlowOrb label="How can I help?" energy={0.7} size={0.46} />reelkit assets pull cmp-gloworb