דילוג לתוכן
Reelkit
תפריט
Englishעבריתהתקנת Reelkit

ספרייה אחת, משותפת. קחו מה שמתאים.

קומפוננטות, סאונד, תמונות ושכבות-על שאנשים שיתפו מהסרטונים שלהם. מוצאים כאן ומושכים לפי המזהה.

Reelkit בחינם, והעיון פתוח לכולם. למשיכה צריך את ה-⁠CLI וחשבון חינמי: מריצים reelkit auth login ומתחברים עם קישור שמגיע לאימייל.

  • קומפוננטות81% התאמה

    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
    שימוש
    <ComparisonSplit leftTitle="Before" rightTitle="After" leftPoints={["Tired by noon", "Stiff back"]} rightPoints={["Steady energy", "Moves freely"]} winner="right" />
    reelkit assets pull cmp-comparisonsplit

  • קומפוננטות61% התאמה

    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
    שימוש
    <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

  • קומפוננטות60% התאמה

    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
    שימוש
    <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

  • קומפוננטות57% התאמה

    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
    שימוש
    <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