performative-ui: ספריית React שצוחקת על דפי הנחיתה של סטארטאפים

‏performative-ui היא ספריית קומפוננטות React שמגישה את השפה החזותית של דף נחיתה של סטארטאפ AI — ובתור קומדיה. הסלוגן שלה עצמה אומר: "קומפוננטות React מקוריות ל-AI שמסמנות עד כמה סבב הגיוס שלכם מוגזם בביקוש."

קטלוג של קלישאות עיצוב

הפרויקט, שמפורסם ב-GitHub Pages וב-npm, אוסף יותר מ-30 קומפוננטות, מקובצות לפי החלק של דף השיווק שהן תופסות: Heroes, Menus, Social Proof, Atoms, Primitives, Banners, Backgrounds, Surfaces, Conversation ו-Pricing & Conversion. לכל פריט יש תיאור של שורה אחת שמציין במפורש את התבנית שהוא מחקה. StickyBanner הוא "חדשות גיוס בתחפושת של כלי שימושי". StatusDot הוא "תמיד ירוק, גם כשזה לא". Popover הוא "בנוי להמרה, לא להסכמה". WaitlistForm מציע "ביקוש שהמצאנו בעצמנו", ו-Prompt הוא "אזור הטקסט שכל בונה AI משגר במקום להסביר מה המוצר שלו עושה".

מה הקומפוננטות האלה בעצם אומרות

חלק מהבדיחות מצביעות על הרגלים ספציפיים של עולם הסטארטאפים. MockIDE מבטיח: "קוד אמיתי מגיע. זה רק הטריילר." TokenStream מזכיר ש"server-sent events (SSE) נוספו למפרט HTML5 ב-2008 אבל לא שימשו איש עד 2025". Aurora מקטין דור שלם של זהות חזותית ל"שלוש כתמים". SlippyWords מתואר כ"סיסמאות שזזות פיזית כשגוללים. עיצוב תנועה, כביכול", ו-LogoMarquee טוען שהוא "מהימן בעיני כל מי ששמעתם עליו, כולל אלה שלא חתמו".

שאר הקטלוג משלים את הז'אנר: חמישה וריאנטים של Hero (‏AsciiHero, Goldeneye, Rotator, WordRoll, PromptHero), תפריט Temperature ש"מגיע עד אחת עשרה", מוני סטטיסטיקה, תגי קהילה, GlassCard שתיאורו "backdrop-filter: שאפתנות", בועות צ'אט, WibblingSpinner ומסלול תמחור אמצעי זוהר.

התקנה ופורטים

הספרייה מפורסמת ב-npm בשם performative-ui, בגרסה 0.7.0, ברישיון MIT. היא תומכת ב-React 18 ו-19, כתובה ב-TypeScript קפדני, וה-README מצהיר על חבילה של כ-30 קילובייט. התיעוד והדמואים החיים יושבים לצד הקטלוג, ולפרויקט יש שני פורטים קהילתיים ל-Svelte 5 של אותה רשימת קומפוננטות. ב-Hacker News, שם הופיע כפוסט Show HN, הוא צבר יותר מ-1,100 נקודות.