Dice UI

Penggeser melingkar untuk memilih sudut — satu nilai atau rentang — lengkap dengan gagang yang bisa ditarik dan dikemudikan papan ketik.

Sekelompok kotak centang yang dikelola bersama: satu nilai jamak, satu pesan galat, satu label.

Pemilih warna dengan bidang saturasi, penggeser rona dan alfa, serta masukan teks dalam beberapa format.

Masukan teks bersandingan daftar pilihan yang menyaring sambil diketik.

Teks yang disunting di tempat — sekali klik berubah jadi masukan, sekali Escape kembali seperti semula.

Pengunggah berkas dengan seret-dan-lepas, pratinjau, dan bilah kemajuan per berkas.

Masukan pasangan kunci-nilai yang tumbuh sendiri, mengerti tempelan berbaris banyak, dan memvalidasi kuncinya.

Daftar pilihan yang dikemudikan papan ketik, bisa berbentuk lajur maupun petak.

Masukan berpola yang merapikan ketikan mengikuti bentuk yang ditentukan — nomor telepon, tanggal, kartu.

Masukan yang membuka daftar saran begitu aksara pemicu diketik — pola @sebut.

Masukan nomor telepon internasional dengan pemilih negara dan perapian nomor mengikuti negaranya.

Penilaian berbintang yang mengerti nilai separuh, bisa dikemudikan papan ketik, dan ikut terkirim dalam formulir.

Beberapa kotak masukan yang tampak menyatu jadi satu — kode OTP, tanggal, nomor bersegmen.

Masukan tag: mengetik lalu Enter menambahkan, Backspace menghapus, dan tiap tag bisa disunting ulang.

Pemilih waktu yang bisa diketik langsung maupun dipilih dari daftar, dan mengikuti format 12 atau 24 jam sesuai lokal.

Deretan avatar yang saling menumpuk, dengan penghitung sisa di ujungnya saat jumlahnya melebihi batas.

Deretan lencana yang mengukur ruang yang tersedia lalu menampilkan sebanyak yang muat saja, sisanya diringkas jadi satu penanda.

Penunjuk kemajuan berbentuk cincin, termasuk keadaan tak tentu yang berputar terus.

Petak warna yang menggambar papan catur di belakangnya supaya warna tembus pandang terbaca apa adanya.

Penghitung bingkai per detik yang berjalan langsung, untuk mengintip biaya render sambil mengembangkan.

Penunjuk nilai berbentuk busur — lingkaran penuh atau sepotong — untuk dasbor dan metrik.

Penanda tombol papan ketik untuk menuliskan pintasan.

Penggambar kode QR, dengan tingkat koreksi galat, ukuran modul, dan sisipan logo di tengahnya.

Waktu relatif — “3 jam lalu” — yang saat disinggahi tetikus membuka kartu berisi waktu persisnya di beberapa zona.

Angka utama beserta label, keterangan, dan penanda naik-turunnya.

Penanda keadaan bertitik berdenyut — daring, galat, menunggu — dengan ragam warna.

Garis waktu peristiwa, mendatar maupun menegak, dengan keadaan per simpul.

Penggeser pembanding sebelum-sesudah: dua lapisan bertumpuk, satu garis pemisah yang bisa ditarik.

Deretan isi yang berjalan sendiri tanpa henti, mendatar atau menegak.

Tata letak batu bata: kolom-kolom yang tingginya tidak seragam, disusun rapat mengikuti lebar wadahnya.

Wadah bergulir dengan bayangan di tepi yang muncul-hilang sendiri dan tombol gulir di kedua ujungnya.

Tumpukan kartu yang merapat saat diam dan merenggang saat disinggahi, seperti tumpukan toast Sonner.

Dua isi yang bertukar tempat saat diklik atau disinggahi, dengan peralihan yang bisa dipilih.

Bilah aksi mengambang yang muncul di tepi layar begitu ada yang terpilih, membawa tombol-tombol yang berlaku untuk pilihan itu.

Tautan navigasi yang menyorot bagian yang sedang terlihat, termasuk bagian bersarang.

Bilah alat mengambang yang muncul di atas teks yang sedang disorot.

Tombol aksi mengambang yang membuka kipas aksi saat disentuh.

Penuntun proses berlangkah dengan penanda kemajuan, langkah yang bisa dilompati, dan keadaan galat per langkah.

Tur berpandu yang menyorot elemen satu per satu sambil menerangkan kegunaannya.

Petak data yang bisa disunting langsung di selnya, dengan kemudi papan ketik, tempel dari papan klip, dan virtualisasi baris.

Tabel data lengkap: penyaringan, pengurutan, penghalaman, dan pemilihan kolom.

Papan kanban seret-dan-lepas: kartu berpindah antar kolom, kolomnya sendiri bisa diurutkan ulang.

Daftar yang bisa diurutkan ulang dengan seret-dan-lepas, mendatar maupun menegak.

Pita pemberitahuan di tepi atas atau bawah layar, dengan antrean, prioritas, dan penutupan otomatis.

Dialog yang berubah bentuk mengikuti lebar layar: kotak di tengah pada desktop, laci dari bawah pada ponsel.

Pemotong gambar dan video dengan zum, putar, dan bingkai potong yang bisa dibentuk.

Pemutar video dan audio dengan kendali sendiri: putar, gulir waktu, volume, kecepatan, teks, dan layar penuh.

Menahan isinya sampai hidrasi selesai, dengan cadangan yang digambar server.

Kumpulan pembantu untuk menggabungkan penangan peristiwa dan ref jadi satu.

Menyediakan arah baca — kiri-ke-kanan atau kanan-ke-kiri — untuk seluruh pohon di bawahnya.

Melebarkan daerah yang bisa disentuh sebuah elemen tanpa mengubah tampilannya.

Menahan interaksi selama sesuatu sedang berjalan, tanpa membuang fokus papan ketik dan tanpa menghilangkan elemennya dari pembaca layar.

Menggambar isinya di tempat lain dalam pohon DOM.

Menahan elemen tetap ada sampai animasi keluarnya selesai.

Menyembunyikan isi dari mata tapi tidak dari pembaca layar.

Masukan tersembunyi yang tetap terbaca teknologi bantu dan tetap ikut terkirim dalam formulir.