performative-ui: React კომპონენტების ბიბლიოთეკა, რომელიც დიზაინის შაბლონებს იმეორებს

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 პოსტად გამოჩნდა, 1100-ზე მეტი ქულა დააგროვა.