performative-ui: AI startap səhifələrini parodiya edən React kitabxanası
Layihə AI startap saytlarının vizual klişelərini 30-dan çox React komponentinə çevirir — "StickyBanner: faydalı alət maskasında maliyyələşdirmə xəbəri". Kitabxana npm-də MIT lisenziyası ilə yayımlanır.
performative-ui — bir AI startapının açılış səhifəsinin vizual dilini təqdim edən və bunu komediya kimi edən React komponent kitabxanasıdır. Öz şüarı belədir: "İnvestisiya raundunuzun nə qədər artıq tələb gördüyünü göstərən AI-yönümlü React komponentləri."
Dizayn klişeləri kataloqu
GitHub Pages və npm-də yayımlanan layihə, marketinq səhifəsində tutduqları hissəyə görə qruplaşdırılmış 30-dan çox komponent toplayır: Heroes, Menus, Social Proof, Atoms, Primitives, Banners, Backgrounds, Surfaces, Conversation və Pricing & Conversion. Hər elementin təqlid etdiyi nümunəni açıq şəkildə adlandıran bir sətirlik təsviri var. StickyBanner — "faydalı alət maskası geyinmiş maliyyələşdirmə xəbəri". StatusDot — "həmişə yaşıl, belə olmadıqda belə". Popover — "konversiya üçün qurulub, razılıq üçün deyil". WaitlistForm "özümüzün uydurduğu tələbi" təklif edir, Prompt isə — "hər AI tərtibatçısının məhsulunun nə etdiyini izah etmək yerinə əlavə etdiyi mətn sahəsi".
Bu komponentlər əslində nə deyir
Zarafatların bir hissəsi müasir startap stekinin konkret vərdişlərinə işarə edir. MockIDE söz verir: "əsl kod gəlir. Bu yalnız treylerdir." TokenStream qeyd edir ki, "server-sent events (SSE) HTML5 spesifikasiyasına 2008-də əlavə olunub, amma 2025-ə qədər heç kim istifadə etmədi". Aurora bir nəslin vizual kimliyini "üç ləkəyə" endirir. SlippyWords "sürüşdürdükcə fiziki olaraq hərəkət edən şüarlar. Hərəkət dizaynı, guya" kimi təsvir olunur, LogoMarquee isə "eşitdiyiniz hər kəsin, hətta imza atmayanların da etibar etdiyini" iddia edir.
Kataloqun qalan hissəsi janrı tamamlayır: beş hero variantı (AsciiHero, Goldeneye, Rotator, WordRoll, PromptHero), "on birə qədər çıxan" Temperature menyusu, statistika sayğacları, icma nişanları, təsviri "backdrop-filter: iddialılıq" olan GlassCard, söhbət balonları, WibblingSpinner və parlayan orta qiymət planı.
Quraşdırma və portlar
Kitabxana npm-də performative-ui adı ilə, hazırda 0.7.0 versiyası ilə, MIT lisenziyası altında yayımlanır. React 18 və 19-u dəstəkləyir, ciddi TypeScript ilə yazılıb və README təxminən 30 KB-lıq paket vəd edir. Sənədləşmə və canlı demolarla kataloqun yanında yerləşir; layihənin eyni komponent siyahısı üçün iki icma Svelte 5 portu var. Show HN göndərişi kimi çıxdığı Hacker News-də 1100-dən çox xal topladı.
SiTech — AI ilə gücləndirilmiş veb hazırlanması
Sürətli və müasir saytlar qurur, AI-ı real biznes proseslərinə gətiririk. Layihəniz və ya sualınız var? Kömək etməyə hazırıq.