ArkUI
To otwarte rozwiązanie UI umożliwia tworzenie zaawansowanych systemów projektowych z użyciem konfigurowalnych komponentów, które można dostosować do różnych stylów wizualnych i standardów dostępności.
Biblioteka bezstylowych komponentów React bez gotowej struktury, zapewniających pełną kontrolę nad znacznikami i CSS, a zarazem oferujących solidne domyślne ustawienia dostępności i obsługę zgodną z ARIA.
Komponenty zaprojektowano jako kompozycyjne elementy bazowe z API opartym na slotach. Można je eliminować z pakietu, gdy nie są używane; obsługują TypeScript i współpracują z dowolnym podejściem do stylowania, w tym Tailwind, CSS Modules, CSS-in-JS i czystym CSS.
Biblioteka obejmuje wiele wzorców i elementów UI, takich jak Accordion, Alert Dialog, Avatar, Checkbox i Checkbox Group, Collapsible, Context Menu, Dialog, Field i Fieldset, Form, Input, Menu i Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle i Toggle Group, Toolbar, Tooltip, a także narzędzia takie jak Direction Provider i useRender.
Komponenty wyskakujące korzystają z React Portals. Zaleca się utworzenie odizolowanego kontekstu stosu, aby uniknąć konfliktów z-index i zapewnić wyświetlanie nakładek nad treścią strony. Dokumentacja zawiera przykłady składania komponentów, łączenia ich części i integracji z różnymi systemami stylowania.
Biblioteka jest otwartoźródłowa, objęta licencją MIT i aktywnie rozwijana. Oferuje plan rozwoju oraz wskazówki dotyczące dostępności. Strony dokumentacji można wyświetlać w formacie Markdown; zawierają też materiały przyjazne dla LLM, ułatwiające analizę i integrację kodu.
Funkcje
- Bezstylowe komponenty React bez gotowej struktury
- Domyślnie dostępne, z obsługą zgodną z ARIA
- Kompozycyjne API oparte na slotach
- Kompilacje ESM z możliwością eliminowania nieużywanego kodu
- Definicje typów TypeScript
- Współpracuje z Tailwind, CSS Modules, CSS-in-JS i czystym CSS
- React Portals dla wyskakujących okien i nakładek
- Wskazówki dotyczące izolowania kontekstu stosu, aby uniknąć problemów z z-index
- Wzorce użycia kontrolowanego i niekontrolowanego
- Szeroki wybór komponentów (menu, okna dialogowe, wyskakujące okna, karty, listy wyboru, suwaki itp.)
- Przyjazne dla SSR i niezależne od frameworka
- Licencja open source MIT
- Dokumentacja w formacie Markdown z materiałami pomocniczymi dla LLM
Powiązane pozycje
MaterialUI
Ten produkt oferuje rozbudowany zestaw narzędzi do tworzenia interfejsów użytkownika w React, kładąc nacisk na elastyczność i zgodność ze standardami projektowymi.
Radix Vue
Nieoficjalny port Vue oferujący konfigurowalne i dostępne komponenty interfejsu użytkownika do tworzenia systemów projektowych.
PrimeVue
Bogaty zestaw komponentów UI open source, stworzonych z myślą o płynnym i wydajnym tworzeniu aplikacji Vue.js.
Radix Primitives
Nieostylowane, dostępne prymitywy React open source do tworzenia wysokiej jakości aplikacji internetowych i systemów projektowych.
Vaul
Komponent wysuwanego panelu bez stylów, stworzony z myślą o płynnej integracji z aplikacjami React i lepszej obsłudze urządzeń mobilnych.
ChakraUI
Szybko i sprawnie twórz dostępne aplikacje internetowe dzięki zestawowi podstawowych komponentów, które są łatwe w użyciu i można je łatwo dostosować.
cmdk
Ten komponent to kompleksowe rozwiązanie w postaci menu poleceń dla React, zaprojektowane z myślą zarówno o wygodzie użytkowników, jak i elastyczności dla programistów.