Skip to content

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

4 items shown

  • Components81% match

    ComparisonSplit

    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.

    • comparison
    • versus
    • before-after
    • list
    Usage
    <ComparisonSplit leftTitle="Before" rightTitle="After" leftPoints={["Tired by noon", "Stiff back"]} rightPoints={["Steady energy", "Moves freely"]} winner="right" />
    reelkit assets pull cmp-comparisonsplit
  • Components61% match

    RadarChart

    A radar (spider) chart comparing one or two things across three to eight qualities. The shape grows out from the centre with a soft glow. Variants: filled or lines. Pass only real figures.

    • chart
    • data
    • radar
    • spider
    • comparison
    Usage
    <RadarChart axes={["Speed", "Price", "Battery", "Camera", "Screen"]} series={[{ name: "Phone A", values: [80, 60, 90, 70, 85] }, { name: "Phone B", values: [65, 85, 60, 90, 70] }]} />
    reelkit assets pull cmp-radarchart
  • Components60% match

    BarChart

    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.

    • chart
    • data
    • bars
    • comparison
    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-barchart
  • Components55% match

    RankingList

    A ranked leaderboard: numbered rows whose horizontal bars grow to their values, with the leader in the hero colour. Set reverse to reveal last place first and number one last. Pass only real figures.

    • ranking
    • leaderboard
    • top
    • bars
    • comparison
    Usage
    <RankingList heading="Most streamed this week" data={[{ label: "Midnight Drive", value: 9200 }, { label: "Paper Planes", value: 7400 }, { label: "Slow Burn", value: 5100 }, { label: "Low Tide", value: 3300 }]} />
    reelkit assets pull cmp-rankinglist