performative-ui: AI girişim sayfalarıyla dalga geçen bir React kütüphanesi

performative-ui, bir AI girişiminin açılış sayfasının görsel dilini sunan ve bunu komedi olarak yapan bir React bileşen kütüphanesi. Kendi sloganı şöyle: "Yatırım turunuzun ne kadar fazla talep gördüğünü gösteren AI-yerlisi React bileşenleri."

Bir tasarım klişeleri kataloğu

GitHub Pages ve npm üzerinde yayınlanan proje, bir pazarlama sayfasında kapladıkları bölüme göre gruplanmış 30'dan fazla bileşen topluyor: Heroes, Menus, Social Proof, Atoms, Primitives, Banners, Backgrounds, Surfaces, Conversation ve Pricing & Conversion. Her kaydın, taklit ettiği kalıbı açıkça adlandıran tek satırlık bir açıklaması var. StickyBanner "faydalı bir araç kılığına girmiş yatırım haberi". StatusDot "her zaman yeşil, öyle olmadığında bile". Popover "dönüşüm için tasarlandı, onay için değil". WaitlistForm "kendi ürettiğimiz talebi" sunuyor; Prompt ise "her AI geliştiricisinin, ürününün ne yaptığını açıklamak yerine eklediği metin alanı".

Bileşenler aslında ne anlatıyor

Şakaların bir kısmı mevcut girişim teknoloji yığınının belirli alışkanlıklarına işaret ediyor. MockIDE "gerçek kod yolda. Bu sadece fragman" diye söz veriyor. TokenStream, "server-sent events (SSE) 2008'de HTML5 spesifikasyonuna eklendi ama 2025'e kadar kimse kullanmadı" diye not düşüyor. Aurora, bir neslin görsel kimliğini "üç lekeye" indiriyor. SlippyWords "kaydırdıkça fiziksel olarak hareket eden sloganlar. Hareket tasarımı, sözde" olarak tanımlanıyor; LogoMarquee ise "duyduğunuz herkesin, hatta imza atmayanların bile güvendiğini" iddia ediyor.

Kataloğun geri kalanı türü tamamlıyor: beş hero varyantı (AsciiHero, Goldeneye, Rotator, WordRoll, PromptHero), "on bire kadar çıkan" bir Temperature menüsü, istatistik sayaçları, topluluk rozetleri, açıklaması "backdrop-filter: hırs" olan bir GlassCard, sohbet balonları, bir WibblingSpinner ve parlayan orta fiyat planı.

Kurulum ve portlar

Kütüphane npm'de performative-ui adıyla, şu anda 0.7.0 sürümüyle ve MIT lisansıyla yayınlanıyor. React 18 ve 19'u destekliyor, katı TypeScript ile yazılmış ve README yaklaşık 30 KB'lık bir paket vaat ediyor. Dokümantasyon ve canlı demolar kataloğun yanında yer alıyor; projenin aynı bileşen listesi için iki topluluk Svelte 5 portu var. Show HN gönderisi olarak çıktığı Hacker News'te 1.100'den fazla puan topladı.