FLOATING UI
A JavaScript library to position floating elements and create interactions for them.
Skor
60
Peringkat Pengguna
2.0
Dukungan Gratis/Uji Coba
Didukung
Harga Mulai
--
Terakhir Diperbarui
Agt 04, 2026
Ringkasan
Apa itu FLOATING UI?
UI Mengambang adalah pustaka JavaScript yang memosisikan elemen mengambang (mis., keterangan alat, popover, tarik-turun) relatif terhadap jangkar, memastikan elemen tetap terlihat dengan menghindari tabrakan. Ini berevolusi dari Popper 2 dan menawarkan fitur seperti penempatan, pergeseran, flip, penyesuaian ukuran, dan posisi panah, dengan dukungan untuk React, Vue, dan platform lainnya.
Untuk apa FLOATING UI digunakan?
Tag
Grup Pengguna
Fitur Unggulan
- Penempatan jangkar yang cerdas dengan penghindaran tabrakan
- Penempatan, pergeseran, pembalikan, dan penyesuaian ukuran
- Penempatan elemen panah
- Jangkar virtual untuk koordinat mouse
- Modul yang dapat diguncang pohon
- Dukungan untuk React, Vue, React Native, dan kanvas
Bagaimana cara menggunakan FLOATING UI?
Instal melalui npm, Yarn, pnpm, atau CDN, lalu gunakan computePosition() dan modul lainnya untuk mengaitkan elemen mengambang ke referensi, menangani interaksi seperti hover atau klik untuk tooltip dan popover di aplikasi web.
Alat Alternatif
Tidak ada alat alternatif ditemukan
Kelebihan & Kekurangan
Kelebihan
- Gratis dan sumber terbuka
- Ringan dan modular
- Platform-agnostik dengan dukungan kerangka kerja yang luas
- Kemampuan penyesuaian yang tinggi untuk komponen UI
Kekurangan
- Terutama untuk pengembang, mungkin memerlukan keterampilan coding
- Terbatas pada platform berbasis web
Kasus Penggunaan
- Membuat tooltips untuk antarmuka web
- Membangun popover untuk dialog interaktif
- Menerapkan menu dropdown di aplikasi React
- Memposisikan elemen mengambang di proyek Vue
Harga FLOATING UI
Paket Gratis
Tidak ada informasi harga terperinci
Ulasan Pengguna
2.0
dari 5
2.0
Belum ada ulasan
Jadilah yang pertama mengulas alat ini!