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
Orbit
Items Small tiles that fly out from the centre and circle a pill of text in a tilted ring, nearer ones larger and sharper, and can all be pulled back into the centre. For 'everything you need' and 'works with all of these'. Takes kit glyphs, platform marks or the user's own pictures.
Usage
<OrbitItems label="Everything in one place" icons={["mail", "calendar", "message", "cart", "bell", "heart", "star", "phone"]} hero="#7C3AED" />reelkit assets pull cmp-orbititemsTilt
Card A screenshot on a floating card that swings in from a steep angle in perspective, settles at a slight tilt with a deep soft shadow, keeps drifting, and can turn to face the viewer. The way interface shots are shown in launch films. Pass src={urls[key]} of a real screenshot; never fake an app screen.
Usage
<TiltCard glow="#7C3AED" faceAt={64} />reelkit assets pull cmp-tiltcardGlow
Backdrop The background of a product launch film: a clean off-white or near-black ground with one soft pool of coloured light that breathes and drifts slowly at an edge, and an optional faint dot grid. Place it once, under everything, instead of a flat colour.
Usage
<GlowBackdrop base="#0b0b10" colors={["#7C3AED", "#22D3EE"]} from="bottom" strength={0.6} dots />reelkit assets pull cmp-glowbackdropIssue
Board A dark, precise issue tracker in the style of modern product tools: rows of tasks with status rings that go from empty to half to a filled tick as work gets done, while a progress bar advances. For shipping, sprints, roadmaps and 'done'. Use doneAt to time each task to the narration.
Usage
<IssueBoard heading="Sprint 12" issues={[{ id: "APP-41", title: "Design the onboarding flow", tag: "Design", done: true }, { id: "APP-42", title: "Build the sign-up screen", tag: "Web", finish: true }, { id: "APP-43", title: "Connect payments", tag: "API", finish: true }, { id: "APP-44", title: "Write the launch post", tag: "Marketing" }]} doneEvery={26} />reelkit assets pull cmp-issueboardLive
Score Card A live score card as on a phone's lock screen: two sides with their colours, the clock between them and a pulsing live dot. One side scores: its number rolls up and the card flashes in its colour. For sport and any A-against-B count. Pass a real result only.
Usage
<LiveScoreCard label="Cup final" home={{ name: "Lions", score: 1, color: "#F59E0B" }} away={{ name: "Hawks", score: 1, color: "#0A84FF" }} scores="home" scoreAt={40} clock="78'" />reelkit assets pull cmp-livescorecardDevice
Sheet The pairing card that slides up from the bottom of a phone: the product floats in, its battery rings fill and count up, and the Connect button is pressed and confirms. For hardware, accessories and 'it just works' moments. Pass the product's real picture as src={urls[key]}. Variants: light, dark.
Usage
<DeviceSheet title="Maya's Headphones" subtitle="Ready to connect" levels={[{ label: "Left", value: 92 }, { label: "Right", value: 88 }, { label: "Case", value: 64 }]} size={0.34} pressAt={52} />reelkit assets pull cmp-devicesheetHome
Widget A phone home-screen widget that drops in with a soft bounce and comes alive: its figure appears, rows slide in one by one, live dots pulse and a progress bar fills. For showing what an app tells you at a glance. Shapes: small, medium. Pass real values only.
Usage
<HomeWidget icon="user" title="Friends" value="4" caption="online now" rows={[{ label: "Maya", detail: "In voice", active: true }, { label: "Tom", detail: "Playing", active: true }, { label: "Lin", detail: "Idle" }]} />reelkit assets pull cmp-homewidgetApp
Icon Open An app icon lands on a clean background with a soft shadow and a passing shine, is tapped, and grows to fill the whole frame as the app opens. The first shot of an app demo. Pass the real icon as iconSrc and the real first screen as screenSrc.
Usage
<AppIconOpen icon="calendar" name="Daybreak" title="Good morning" hero="#0A84FF" openAt={40} />reelkit assets pull cmp-appiconopenBrand
Splash The opener of a tech launch film: a flat brand colour floods the frame from the centre, the mark lands with a squash, then slides aside as the name is revealed beside it. Pass the user's real logo as src={urls[key]} or a platform mark the kit's Icon supports.
Usage
<BrandSplash icon="play" name="Northwind" color="#7C3AED" />reelkit assets pull cmp-brandsplashStrike
Replace A sentence with one word crossed out by a marker stroke and a hand-written correction dropped in above it: editing is hard becomes editing is easy. The myth-versus-truth and before-versus-after line.
Usage
<StrikeReplace before="Making videos is " wrong="hard" right="easy" size={0.062} />reelkit assets pull cmp-strikereplaceSpotlight
Text A short list of lines where only one is lit at a time: the rest stay dim while a bar of colour and the light travel down the list. For reading a script along, three reasons, or lyrics. Use litAt to time each line to the narration.
Usage
<SpotlightText lines={["First, find the idea", "Then, write the hook", "Finally, hit record"]} lineEvery={28} size={0.06} />reelkit assets pull cmp-spotlighttextCircle
Text A round badge of text that keeps turning around a glyph or an emoji, like a stamp or a sticker seal: new collection, scroll down, limited edition. Place it in a corner or over a product. Filled disc or text only.
Usage
<CircleText text="Limited edition" emoji="⭐" size={0.3} />reelkit assets pull cmp-circletextPunch
Words One word at a time, huge, each punching in on its beat and replacing the last, some in the hero colour. The hook style of fast short videos. Use hitAt to time every word to the narration or the music.
Usage
<PunchWords words={["Stop", "scrolling", "watch", "this"]} accent={[1, 3]} wordEvery={22} size={0.16} />reelkit assets pull cmp-punchwordsEcho
Text One heavy word with a stack of outlined copies that fan out behind it and gently sway: the poster look of music and streetwear videos. For a drop, a name or a single loud word. Directions: down, up, both.
Usage
<EchoText text="Sold out" direction="both" echoes={3} size={0.13} gap={0.5} />reelkit assets pull cmp-echotextOutline
Fill Text A huge outlined word that floods with colour, like liquid rising in a glass or a bar loading, with a small line under it. For a build-up, a goal being reached, or a title that lands on the beat. Directions: up, left-to-right; amount stops the fill part-way.
Usage
<OutlineFillText text="Loading" subtitle="Something big is coming" hero="#22D3EE" />reelkit assets pull cmp-outlinefilltextWave
Text Playful rounded lettering whose letters pop in one by one and then keep riding a wave, each in its own colour, with a sticker outline. For fun, kids, food, giveaways and party moments.
Usage
<WaveText text="Giveaway!" size={0.14} />reelkit assets pull cmp-wavetextAssistant
Chat Window A chat assistant's window in the style of ChatGPT and other AI chat apps: the question is typed into the rounded field and sent, it moves up as a bubble, a pulsing dot thinks, and the answer streams in as plain text with bullets. Set title to the assistant the video is about; use its real answer. Variants: light, dark.
Usage
<AssistantChatWindow title="ChatGPT" question="Give me three ideas for a first video" answer={"Here are three easy ones to start with:\n- A day in your work, in thirty seconds\n- The one tip you wish you knew earlier\n- A quick before and after"} />reelkit assets pull cmp-assistantchatwindowProfile
Card A social profile header: ringed picture, name with a verified tick, bio, follower figures that count up, the platform's real logo, and a Follow button that is pressed and becomes Following. The 'follow us' moment of a video. Use the real account and numbers. Variants: light, dark.
Usage
<ProfileCard username="@northwind.studio" name="Northwind Studio" bio="Small-batch goods, made slowly." platform="instagram" verified stats={[{ label: "posts", value: 312 }, { label: "followers", value: 48200 }, { label: "following", value: 190 }]} pressAt={44} />reelkit assets pull cmp-profilecardComment
Sticker The 'replying to a comment' sticker of short videos: a rounded speech bubble with the commenter's picture, a small 'Reply to' line and the comment in bold, popping in with a tilt. Place it near the top of a video that answers a viewer. Use a real comment. Variants: light, dark.
Usage
<CommentSticker username="dana_k" comment="Wait, how did you do that?" y={0.5} size={0.6} />reelkit assets pull cmp-commentstickerReel
Overlay The interface of a short vertical video laid over the whole frame: the like, comment and share column with counts, and the account, a Follow button, the caption and the audio line at the bottom. Lay it over footage, an image or a clip to make it read as a reel. Use real names and counts.
Usage
<ReelOverlay username="northwind.studio" caption="Three things I wish I knew before starting" audio="Original audio" likes={48200} comments={1204} shares={3310} likeAt={30} followAt={56} />reelkit assets pull cmp-reeloverlayPost
Frame A social feed post in its frame: the account's row, the square picture, a double-tap that bursts a heart over it, then the action icons, the like count going up and the caption. Use a real post: pass its picture as src={urls[key]} and its real numbers. Variants: light, dark.
Usage
<PostFrame username="northwind.studio" location="Tel Aviv" caption="Golden hour, every single time." likes={2481} likeAt={26} size={0.4} />reelkit assets pull cmp-postframeStory
Frame A social story in its player: the segmented progress bar filling at the top, the account's ringed picture and name, the story's picture with big text on it, and the reply field underneath. For story-style content and 'as seen in our stories'. Pass the real pictures as src and avatarSrc.
Usage
<StoryFrame username="northwind.studio" text="New drop this Friday" segments={3} active={1} lasts={80} />reelkit assets pull cmp-storyframeLogo
Reveal The closing brand moment: the logo scales up out of a soft blur, a band of light passes over it, a line draws under it and the tagline fades up. Pass the user's real logo as src={urls[key]}; without one the name is set as a wordmark.
Usage
<LogoReveal name="Northwind" tagline="Good things, delivered" />reelkit assets pull cmp-logorevealProduct
Card A shop product card: photo, tag, name, star rating and price, with an Add to cart button that is pressed and confirms with a tick. Pass the real photo as src={urls[key]} and the real name, price and rating. Variants: light, dark.
Usage
<ProductCard name="Everyday Backpack" price="$89" oldPrice="$120" tag="Best seller" rating={4.7} pressAt={36} />reelkit assets pull cmp-productcard