ArkUI
Solusi UI open source ini memungkinkan pembuatan sistem desain canggih menggunakan komponen yang dapat disesuaikan dengan berbagai gaya visual dan standar aksesibilitas.
Pustaka komponen React tanpa headless dan tanpa gaya bawaan yang memberi kendali penuh atas markup dan CSS, sekaligus menyediakan aksesibilitas bawaan yang kuat dan perilaku yang sesuai dengan ARIA.
Dirancang sebagai primitif yang dapat dirangkai dengan API berbasis slot, komponennya dapat dihapus saat proses tree-shaking, siap digunakan dengan TypeScript, dan cocok dengan pendekatan gaya apa pun, termasuk Tailwind, CSS Modules, CSS-in-JS, atau CSS biasa.
Mencakup berbagai pola dan primitif UI, seperti Accordion, Alert Dialog, Avatar, Checkbox dan Checkbox Group, Collapsible, Context Menu, Dialog, Field dan Fieldset, Form, Input, Menu dan Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle dan Toggle Group, Toolbar, Tooltip, serta utilitas seperti Direction Provider dan useRender.
Komponen popup menggunakan React Portals dan menyarankan pembuatan konteks penumpukan yang terisolasi untuk menghindari konflik z-index, sehingga lapisan overlay selalu tampil di atas konten halaman. Dokumentasinya mencakup contoh untuk merangkai komponen, menggabungkan bagian-bagiannya, dan mengintegrasikannya dengan berbagai sistem gaya.
Bersumber terbuka dengan lisensi MIT, serta memiliki rilis aktif, peta jalan, dan panduan yang berfokus pada aksesibilitas. Halaman dokumentasi dapat dilihat sebagai Markdown dan menyertakan sumber daya yang ramah LLM agar kode lebih mudah dijelajahi dan diintegrasikan.
Fitur
- Komponen React tanpa headless dan tanpa gaya bawaan
- Aksesibel secara default dengan perilaku yang sesuai dengan ARIA
- API berbasis slot yang komponennya dapat dirangkai
- Build ESM yang dapat dihapus saat tree-shaking
- Deklarasi tipe TypeScript
- Kompatibel dengan Tailwind, CSS Modules, CSS-in-JS, atau CSS biasa
- React Portals untuk popup dan overlay
- Panduan mengisolasi konteks penumpukan untuk menghindari masalah z-index
- Pola penggunaan terkontrol dan tidak terkontrol
- Cakupan komponen luas (menu, dialog, popover, tab, select, slider, dll.)
- Ramah SSR dan tidak terikat pada framework tertentu
- Lisensi MIT sumber terbuka
- Dokumentasi tersedia dalam format Markdown dengan bantuan LLM
Item Terkait
MaterialUI
Produk ini menawarkan seperangkat alat yang andal untuk membangun antarmuka pengguna di React, dengan fokus pada fleksibilitas dan kepatuhan terhadap standar desain.
Radix Vue
Port Vue tidak resmi yang menyediakan komponen UI yang dapat disesuaikan dan mudah diakses untuk membangun sistem desain.
PrimeVue
Kumpulan komponen UI open source yang kaya, dirancang untuk membangun aplikasi Vue.js dengan lancar dan efisien.
Radix Primitives
Primitif React open source yang aksesibel dan tanpa gaya untuk aplikasi web serta sistem desain berkualitas tinggi.
Vaul
Komponen drawer tanpa gaya bawaan yang dirancang untuk integrasi mulus dalam aplikasi React dan meningkatkan interaksi pengguna di perangkat seluler.
ChakraUI
Buat aplikasi web yang aksesibel dengan cepat dan efisien menggunakan rangkaian komponen penting yang andal, mudah digunakan, dan sangat mudah disesuaikan.
cmdk
Komponen ini menyediakan solusi menu perintah yang lengkap untuk React, dengan fokus pada pengalaman pengguna dan fleksibilitas developer.