ArkUI
Bu açık kaynaklı kullanıcı arayüzü çözümü, farklı görsel tarzlara ve erişilebilirlik standartlarına uyarlanabilen özelleştirilebilir bileşenlerle gelişmiş tasarım sistemleri oluşturmayı sağlar.
Erişilebilirlik varsayılanları güçlü ve ARIA uyumlu davranışlar sunarken işaretleme ve CSS üzerinde tam kontrol sağlayan başlıksız, biçimlendirilmemiş React bileşenleri kütüphanesi.
Birleştirilebilir temel parçalar olarak tasarlanan bileşenler, slot tabanlı bir API kullanır; ağaç sallama ile kullanılabilir, TypeScript'e hazırdır ve Tailwind, CSS Modules, CSS-in-JS veya düz CSS dahil her türlü stil yaklaşımıyla çalışır.
Accordion, Alert Dialog, Avatar, Checkbox ve Checkbox Group, Collapsible, Context Menu, Dialog, Field ve Fieldset, Form, Input, Menu ve Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle ve Toggle Group, Toolbar, Tooltip gibi çok çeşitli arayüz kalıplarını ve temel bileşenleri kapsar. Ayrıca Direction Provider ve useRender gibi yardımcı araçlar da sunar.
Açılır pencere bileşenleri React Portals kullanır ve z-index çakışmalarını önlemek için yalıtılmış bir katman bağlamı oluşturulmasını önerir. Bu sayede katmanlar her zaman sayfa içeriğinin üzerinde görünür. Belgelerde bileşenleri bir araya getirme, parçaları birleştirme ve farklı stil sistemleriyle entegrasyon örnekleri bulunur.
Aktif sürümleri, yol haritası ve erişilebilirlik odaklı rehberleriyle MIT lisansı altında açık kaynaklıdır. Belgeler Markdown olarak görüntülenebilir ve kodu keşfetmeyi ve entegrasyonu kolaylaştıran LLM dostu kaynaklar içerir.
Özellikler
- Başlıksız, biçimlendirilmemiş React bileşenleri
- ARIA uyumlu davranışlarla varsayılan olarak erişilebilir
- Birleştirilebilir, slot tabanlı API
- Ağaç sallama destekli ESM derlemeleri
- TypeScript tür tanımları
- Tailwind, CSS Modules, CSS-in-JS veya düz CSS ile çalışır
- Açılır pencereler ve katmanlar için React Portals
- z-index sorunlarını önlemek için katman bağlamını yalıtma rehberi
- Kontrollü ve kontrolsüz kullanım kalıpları
- Geniş bileşen kapsamı (menüler, iletişim kutuları, açılır pencereler, sekmeler, seçim alanları, kaydırıcılar vb.)
- SSR dostu ve framework'ten bağımsız
- MIT lisanslı açık kaynak
- LLM yardımcılarıyla Markdown biçiminde kullanılabilen belgeler
İlgili öğeler
MaterialUI
Bu ürün, esneklik ve tasarım standartlarına bağlılığa odaklanarak React'te kullanıcı arayüzleri oluşturmak için kapsamlı bir araç seti sunar.
Radix Vue
Tasarım sistemleri oluşturmak için özelleştirilebilir ve erişilebilir UI bileşenleri sunan, resmî olmayan bir Vue uyarlaması.
PrimeVue
Vue.js uygulamalarını sorunsuz ve verimli biçimde geliştirmek için tasarlanmış zengin bir açık kaynaklı arayüz bileşenleri koleksiyonu.
Radix Primitives
Yüksek kaliteli web uygulamaları ve tasarım sistemleri için stilsiz, erişilebilir, açık kaynaklı React yapı taşları.
Vaul
React uygulamalarına sorunsuz entegrasyon için tasarlanmış, biçimlendirilmemiş bir çekmece bileşeni. Mobil cihazlardaki kullanıcı etkileşimlerini geliştirir.
ChakraUI
Kullanımı kolay ve yüksek ölçüde özelleştirilebilir temel bileşenlerden oluşan kapsamlı bir setle erişilebilir web uygulamalarını hızlı ve verimli şekilde oluşturun.
cmdk
Bu bileşen, kullanıcı deneyimine ve geliştirici esnekliğine odaklanan kapsamlı bir React komut menüsü çözümü sunar.