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
Left Right
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-left-rightArea
Chart An area chart for one to three series, with gradient, solid, dotted, hatched or lined fills, solid or dashed strokes, point dots and a directional reveal. Pass only real figures.
Usage
<AreaChart title="Visitors" series={[{ name: "Desktop", values: [186, 305, 237, 273, 409, 514] }, { name: "Mobile", values: [80, 200, 120, 190, 230, 340] }]} labels={["Jan", "Mar", "Jun"]} fill="gradient" />reelkit assets pull cmp-areachartFar Off
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-far-offBar
Chart A vertical bar chart whose bars grow in a chosen order (left-to-right, right-to-left, center-out, edges-in), with solid, gradient, hatched, striped or duotone fills, labels below and counting values above. One bar can be highlighted. Pass only real figures.
Usage
<BarChart title="Hours of sleep" data={[{ label: "Mon", value: 5 }, { label: "Tue", value: 6 }, { label: "Wed", value: 8 }, { label: "Thu", value: 7 }, { label: "Fri", value: 6 }]} highlight={2} variant="hatched" order="center-out" suffix="h" grid />reelkit assets pull cmp-barchartGhost Transition
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-ghost-transitionCTA
Button The closing call to action: a button that pops in, breathes, and is pressed by a cursor, with an optional line above it.
Usage
<CTAButton label="Start free" kicker="Ready when you are" pressAt={30} />reelkit assets pull cmp-ctabuttonFuturistic Transition
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-futuristic-transitionChat
Thread A text-message conversation: bubbles pop in one at a time, with a typing indicator before replies. Use appearAt to time each bubble to the narration.
Usage
<ChatThread messages={[{ from: "them", text: "Are we still on for tonight?" }, { from: "me", text: "Yes! 8pm" }, { from: "them", text: "Perfect" }]} messageEvery={14} />reelkit assets pull cmp-chatthreadFast
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-fastBrowser
Mockup A browser window that scales up into frame showing the user's real website screenshot, with an address bar. Pass src={urls[key]} of an uploaded screenshot; never fake a website.
Usage
<BrowserMockup address="example.com" />reelkit assets pull cmp-browsermockupFoley Transition
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-foley-transitionPhone
Mockup A phone that rises into frame showing the user's real app screenshot, with a slight tilt and slow float. Pass src={urls[key]} of an uploaded screenshot; never fake an app screen.
Usage
<PhoneMockup size={0.7} tilt={-6} />reelkit assets pull cmp-phonemockupEcho
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-echoQuote
Card A quotation or customer review: large quote mark, the words revealed a few at a time, then who said it, with optional review stars. Use only a real quote supplied by the user.
Usage
<QuoteCard quote="It paid for itself in the first week." author="Dana Levi" role="Studio owner" stars={5} />reelkit assets pull cmp-quotecardCut Transition
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-cut-transitionStep
List A numbered list of steps joined by a line that fills as each step becomes current. For how-to and process videos. Use activateAt to light each step when the narration reaches it.
Usage
<StepList heading="How it works" steps={[{ title: "Sign up", detail: "Takes a minute" }, { title: "Connect" }, { title: "Go live" }]} stepEvery={14} />reelkit assets pull cmp-steplistComing In
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-coming-inComparison
Split A side-by-side comparison: two columns of short points, before against after or one option against another, with a VS badge. The winning side gets the hero colour and ticks.
Usage
<ComparisonSplit leftTitle="Before" rightTitle="After" leftPoints={["Tired by noon", "Stiff back"]} rightPoints={["Steady energy", "Moves freely"]} winner="right" />reelkit assets pull cmp-comparisonsplitBuild Up Wave
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-build-up-waveStat
Card One big number that counts up, with its label and an optional up or down change line. The payoff shot for a statistic. Pass only a real figure from the narration.
Usage
<StatCard value={75} suffix="%" label="of your brain is water" delta="more than any other organ" direction="up" />reelkit assets pull cmp-statcardBuild Up
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-build-upLine
Chart A trend line that draws itself left to right over a soft filled area, ending on a dot with the final value. Pass only real figures, or showEnd={false} for an illustrative trend.
Usage
<LineChart title="Monthly users" values={[120, 180, 160, 260, 340, 520]} startLabel="Jan" endLabel="Jun" />reelkit assets pull cmp-linechartAmbient Notice
Ultimate Social Content / Transitions Long
reelkit assets pull ultimate-social-content-transitions-long-ambient-noticeCinematic
Title A film-poster style title for an opening or chapter card: wide-tracked lettering that settles, with small credit lines. Place an image or footage behind it. Faces: black, slab, chunky, script.
Usage
<CinematicTitle title="Long Nights" overline="A short film" tagline="Some roads never end" credits={["Directed by Sam Hill"]} face="black" />reelkit assets pull cmp-cinematictitle