← Tüm araçlar

ui-008 / Bileşen kütüphanesi

Kokonut UI

demo var

Kaynak ve kimlik

Lisans
MIT
Yıldız
2.293

Sürüm kilidi

Commit SHA
a16d64c0d99ab5c6304ebcb88860d8d8bf201fd0
Çekilme tarihi

Lisans ve paylaşım

Lisans
MIT (açık registry); Pro ayrı ürün
Tek kişilik şirket
serbest
Demo ve ekran görüntüsü
atıf şart
Atıf
MIT: telif ve izin bildirimi kopyalarda kalmalı.

Repo LICENSE MIT. README, Kokonut UI Pro'yu (kokonutui.pro) ayrı ürün sayar. Demodaki dört bileşen shape-hero, card-flip, ai-model-selector, slide-text-button açık registry'den; data/kokonut-kaynak.json her birini MIT yazar. Pro bileşeni yok.

Kaynak diyor

Animasyonları ve geçişleri hazır yaklaşık 100 bileşen sunduğu söyleniyor; ASR Coconut UI, analiz ekranı kokonutui.com diyor.

İçerik üreticisi iddiası; bağımsız teknik kanıt değildir.

Bizim ek

Tailwind CSS, Motion ve shadcn/ui ile hazırlanmış açık kaynak React bileşenleri sağlar.

Kokonut UI ile çalışan kurgusal ürün demosu. HTML ve araç katkısı demo içinde belirtilir.

Bununla ne yapılır?

Editoryal kullanım fikirleri; sınanmış özellik iddiası değildir.

  • Hesap filtresi/dropdown adayı

    Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.

  • Landing giriş kartı adayı

    Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.

Kullanılan bileşenler

  • ShapeHero

    @/components/kokonutui/shape-hero

    components/demos/kokonut-demo.tsx:4

    Bölümler: hero

  • CardFlip

    @/components/kokonutui/card-flip

    components/demos/kokonut-demo.tsx:5

    Bölümler: ozellikler, fiyat, tablo

  • AIModelSelector

    @/components/kokonutui/ai-model-selector

    components/demos/kokonut-demo.tsx:6

    Bölümler: dropdown

  • SlideTextButton

    @/components/kokonutui/slide-text-button

    components/demos/kokonut-demo.tsx:7

    Bölümler: hero, fiyat

Düz HTML bölümleri: sss, form, altbilgi. Demo içinde “bu bölüm aracın değil” etiketi bulunur.