ספרייה אחת, משותפת. קחו מה שמתאים.
קומפוננטות, סאונד, תמונות ושכבות-על שאנשים שיתפו מהסרטונים שלהם. מוצאים כאן ומושכים לפי המזהה.
Reelkit בחינם, והעיון פתוח לכולם. למשיכה צריך את ה-CLI וחשבון חינמי: מריצים reelkit auth login ומתחברים עם קישור שמגיע לאימייל.
תוצאות
מוצגים 24 פריטים
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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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.
שימוש
<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