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