ArkUI
Met deze open-source UI-oplossing maak je geavanceerde ontwerpsystemen met aanpasbare componenten die geschikt zijn voor uiteenlopende visuele stijlen en toegankelijkheidsnormen.
Bibliotheek met headless React-componenten zonder opmaak, die volledige controle bieden over de opmaak en CSS, met sterke toegankelijkheidsinstellingen en ARIA-conform gedrag.
De componenten zijn ontworpen als combineerbare bouwstenen met een API op basis van slots. Ze zijn tree-shakeable, klaar voor TypeScript en werken met elke stylingaanpak, zoals Tailwind, CSS Modules, CSS-in-JS of gewone CSS.
De bibliotheek omvat een breed scala aan UI-patronen en bouwstenen, zoals Accordion, Alert Dialog, Avatar, Checkbox en Checkbox Group, Collapsible, Context Menu, Dialog, Field en Fieldset, Form, Input, Menu en Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle en Toggle Group, Toolbar, Tooltip en hulpprogramma's zoals Direction Provider en useRender.
Popupcomponenten gebruiken React Portals. Om conflicten met z-index te voorkomen, wordt aangeraden een geïsoleerde stapelcontext te maken. Zo verschijnen overlays altijd boven de pagina-inhoud. De documentatie bevat voorbeelden voor het samenstellen van componenten, het combineren van onderdelen en integratie met verschillende stylingsystemen.
Open source onder de MIT-licentie, met actieve releases, een roadmap en richtlijnen gericht op toegankelijkheid. Documentatiepagina's zijn als Markdown te bekijken en bevatten bronnen die geschikt zijn voor LLM's, zodat code eenvoudiger kan worden verkend en geïntegreerd.
Functies
- Headless React-componenten zonder opmaak
- Standaard toegankelijk en ARIA-conform
- Combineerbare API op basis van slots
- Tree-shakeable ESM-builds
- TypeScript-typedeclaraties
- Werkt met Tailwind, CSS Modules, CSS-in-JS of gewone CSS
- React Portals voor pop-ups en overlays
- Richtlijnen voor het isoleren van stapelcontexten om z-indexproblemen te voorkomen
- Patronen voor gecontroleerd en ongecontroleerd gebruik
- Breed aanbod aan componenten (menu's, dialogen, popovers, tabs, selectievakjes, sliders, enz.)
- Geschikt voor SSR en frameworkonafhankelijk
- Open source onder de MIT-licentie
- Documentatie beschikbaar als Markdown, met LLM-hulpmiddelen
Gerelateerde items
MaterialUI
Dit product biedt een uitgebreide set tools voor het bouwen van gebruikersinterfaces in React, met aandacht voor flexibiliteit en naleving van ontwerpstandaarden.
Radix Vue
Een onofficiële Vue-port met aanpasbare en toegankelijke UI-componenten voor het bouwen van designsystemen.
PrimeVue
Een uitgebreide set opensource-UI-componenten voor het soepel en efficiënt bouwen van Vue.js-applicaties.
Radix Primitives
Ongestylede, toegankelijke opensource-React-primitives voor hoogwaardige webapps en designsystemen.
Vaul
Een drawer-component zonder standaardopmaak, speciaal ontworpen voor naadloze integratie in React-applicaties en betere interacties op mobiele apparaten.
ChakraUI
Bouw snel en efficiënt toegankelijke webapplicaties met een uitgebreide set essentiële componenten die eenvoudig te gebruiken en sterk aanpasbaar zijn.
cmdk
Dit component is een complete oplossing voor commandomenu's in React, met aandacht voor zowel de gebruikerservaring als de flexibiliteit voor ontwikkelaars.