performative-ui՝ React գրադարան, որը ծաղրում է AI ստարտափների լենդինգները

performative-ui-ը React բաղադրիչների գրադարան է, որը ներկայացնում է AI ստարտափի լենդինգ էջի վիզուալ լեզուն՝ որպես կատակ։ Նրա սեփական կարգախոսն է՝ «AI-native React բաղադրիչներ, որոնք ցույց են տալիս, թե որքան գերբեռնված է ձեր ֆինանսավորման փուլը»։

Դիզայնի կլիշեների կատալոգ

GitHub Pages-ում և npm-ում հրապարակված նախագիծը հավաքում է 30-ից ավելի բաղադրիչ՝ խմբավորված ըստ այն հատվածի, որը նրանք զբաղեցնում են մարքեթինգային էջում՝ Heroes, Menus, Social Proof, Atoms, Primitives, Banners, Backgrounds, Surfaces, Conversation և Pricing & Conversion։ Յուրաքանչյուր գրառում ունի մեկտողանոց նկարագրություն, որը ուղղակիորեն նշում է այն կաղապարը, որը նա ծաղրում է։ StickyBanner-ը «ֆինանսավորման նորություն է՝ քողարկված որպես օգտակար գործիք»։ StatusDot-ը «միշտ կանաչ է, նույնիսկ երբ այդպես չէ»։ Popover-ը «ստեղծված է կոնվերսիայի համար, ոչ թե համաձայնության»։ WaitlistForm-ը առաջարկում է «մեր իսկ հորինած պահանջարկը», իսկ Prompt-ը՝ «այն textarea-ն, որը յուրաքանչյուր 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 միավոր։