Lewati ke konten

BaseUI

Komponen React tanpa headless dan tanpa gaya bawaan untuk membangun antarmuka yang aksesibel dan sangat mudah disesuaikan dengan kendali penuh atas gaya.

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

Solusi UI open source ini memungkinkan pembuatan sistem desain canggih menggunakan komponen yang dapat disesuaikan dengan berbagai gaya visual dan standar aksesibilitas.

Bintang GitHub
3.9K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Produk ini menawarkan seperangkat alat yang andal untuk membangun antarmuka pengguna di React, dengan fokus pada fleksibilitas dan kepatuhan terhadap standar desain.

Bintang GitHub
94.2K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Port Vue tidak resmi yang menyediakan komponen UI yang dapat disesuaikan dan mudah diakses untuk membangun sistem desain.

Bintang GitHub
3.8K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Kumpulan komponen UI open source yang kaya, dirancang untuk membangun aplikasi Vue.js dengan lancar dan efisien.

Bintang GitHub
11.0K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Primitif React open source yang aksesibel dan tanpa gaya untuk aplikasi web serta sistem desain berkualitas tinggi.

Bintang GitHub
16.0K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Komponen drawer tanpa gaya bawaan yang dirancang untuk integrasi mulus dalam aplikasi React dan meningkatkan interaksi pengguna di perangkat seluler.

Bintang GitHub
6.5K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Buat aplikasi web yang aksesibel dengan cepat dan efisien menggunakan rangkaian komponen penting yang andal, mudah digunakan, dan sangat mudah disesuaikan.

Bintang GitHub
38.1K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Komponen ini menyediakan solusi menu perintah yang lengkap untuk React, dengan fokus pada pengalaman pengguna dan fleksibilitas developer.

Bintang GitHub
10.0K
Diperbarui pada
Dec 6, 2024
Lisensi
MIT License

Tentang KickstartUI

KickstartUI adalah tujuan utama Anda untuk menemukan framework UI, library, dan build tools terbaik. Kami mengkurasi sumber daya berkualitas tinggi dengan cermat untuk membantu developer mewujudkan ide UI mereka. Baik Anda sedang membangun aplikasi web responsif, membuat antarmuka mobile, atau merancang prototipe interaktif, platform kami menyediakan alat penting untuk mempercepat proyek dan meningkatkan pengalaman pengguna. Jelajahi koleksi lengkap kami untuk mengikuti tren terbaru, membuka berbagai kemungkinan baru, dan menyempurnakan desain UI Anda. Siap memulai proyek berikutnya? Lihat sumber daya unggulan kami atau cari alat tertentu yang sesuai dengan kebutuhan Anda.