ui-006 / Animasyon
Motion
demo varKaynak ve kimlik
- Lisans
- MIT
- Yıldız
- 35.053
Sürüm kilidi
- Sürüm
- 14.12.0
- Çekilme tarihi
- Kaynak adresi
- https://registry.npmjs.org/motion (yeni sekme)
Lisans ve paylaşım
- Lisans
- MIT
- Tek kişilik şirket
- serbest
- Demo ve ekran görüntüsü
- atıf şart
- Atıf
- MIT: telif ve izin bildirimi kopyalarda kalmalı.
Kaynak diyor
Motion Dev adıyla akıcı hareket efektleri, etkileşimler ve sayfa geçişleri için öneriliyor; ASR hareket/geçiş sözcüklerinde bozuk.
İçerik üreticisi iddiası; bağımsız teknik kanıt değildir.
Bizim ek
React, JavaScript ve Vue paketleri; jestler, yaylar ve yerleşim geçişleri READMEde sayılır.
Demo
Tam ekran aç ↗Motion 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.
Açılır menüde kısa geçiş
Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.
Buton basma ve liste yer değiştirme geri bildirimi
Editoryal kullanım fikri; kaynak iddiası veya READMEde sınanmış özellik değildir.
Kullanılan bileşenler
motion
motion/react
components/demos/motion-demo.tsx:4
Bölümler: hero, ozellikler, dropdown, fiyat, tablo, sss, form
API’ler: initial/animate, staggerChildren, whileInView, whileHover, layout/layoutId, whileTap
AnimatePresence
motion/react
components/demos/motion-demo.tsx:4
Bölümler: sss, dropdown, form
useReducedMotion
motion/react
components/demos/motion-demo.tsx:4
Bölümler: hero, ozellikler, dropdown, fiyat, tablo, sss, form
MotionConfig
motion/react
components/demos/motion-demo.tsx:4
Bölümler: hero, ozellikler, dropdown, fiyat, tablo, sss, form
Düz HTML bölümleri: altbilgi. Demo içinde “bu bölüm aracın değil” etiketi bulunur.