Hoppa till innehåll

BaseUI

Headless React-komponenter utan fördefinierad stil för att bygga tillgängliga och mycket anpassningsbara gränssnitt med full kontroll över utseendet.

Ett bibliotek med headless React-komponenter utan fördefinierad stil, som ger full kontroll över markup och CSS samtidigt som de har starka tillgänglighetsinställningar som standard och följer ARIA.

Komponenterna är utformade som kombinerbara byggstenar med ett API baserat på slots. De kan trädskakas, är redo för TypeScript och fungerar med alla metoder för styling, inklusive Tailwind, CSS Modules, CSS-in-JS och vanlig CSS.

Biblioteket täcker många UI-mönster och grundkomponenter, till exempel Accordion, Alert Dialog, Avatar, Checkbox och Checkbox Group, Collapsible, Context Menu, Dialog, Field och Fieldset, Form, Input, Menu och Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle och Toggle Group, Toolbar och Tooltip, samt verktyg som Direction Provider och useRender.

Popup-komponenter använder React Portals. För att undvika konflikter med z-index rekommenderas en isolerad staplingskontext, så att överlagringar alltid visas ovanför sidinnehållet. Dokumentationen innehåller exempel på hur komponenter sätts ihop, hur delar kombineras och hur de integreras med olika stylingsystem.

Biblioteket är öppen källkod under MIT-licensen och har aktiva utgåvor, en färdplan och vägledning med fokus på tillgänglighet. Dokumentationssidor kan visas som Markdown och innehåller resurser anpassade för LLM:er som gör det enklare att utforska och integrera koden.

Funktioner

  • Headless React-komponenter utan fördefinierad stil
  • Tillgängliga som standard och följer ARIA
  • Kombinerbart API baserat på slots
  • ESM-byggen som kan trädskakas
  • TypeScript-typdefinitioner
  • Fungerar med Tailwind, CSS Modules, CSS-in-JS och vanlig CSS
  • React Portals för popup-fönster och överlagringar
  • Vägledning om isolerade staplingskontexter för att undvika z-index-problem
  • Mönster för både kontrollerad och okontrollerad användning
  • Brett komponentutbud (menyer, dialogrutor, popover-fönster, flikar, väljare, skjutreglage med mera)
  • SSR-vänligt och ramverksoberoende
  • Öppen källkod under MIT-licensen
  • Dokumentation i Markdown med LLM-hjälpmedel

Relaterade objekt

Den här UI-lösningen med öppen källkod gör det möjligt att skapa avancerade designsystem med anpassningsbara komponenter som kan utformas för olika visuella stilar och tillgänglighetsstandarder.

GitHub-stjärnor
3.9K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Den här produkten erbjuder en robust verktygssamling för att bygga användargränssnitt i React, med fokus på flexibilitet och att följa designstandarder.

GitHub-stjärnor
94.2K
Uppdaterad
Dec 6, 2024
Licens
MIT License

En inofficiell Vue-portering med anpassningsbara och tillgängliga UI-komponenter för att bygga designsystem.

GitHub-stjärnor
3.8K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ett omfattande utbud av UI-komponenter med öppen källkod, särskilt utformade för att enkelt och effektivt bygga Vue.js-applikationer.

GitHub-stjärnor
11.0K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Ostilade, tillgängliga React-primitiver med öppen källkod för webbappar och designsystem av hög kvalitet.

GitHub-stjärnor
16.0K
Uppdaterad
Dec 6, 2024
Licens
MIT License

En ostylad drawer-komponent som är utformad för smidig integrering i React-applikationer och förbättrar användarinteraktioner på mobila enheter.

GitHub-stjärnor
6.5K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Skapa snabbt och effektivt tillgängliga webbapplikationer med en gedigen uppsättning viktiga komponenter som är enkla att använda och mycket anpassningsbara.

GitHub-stjärnor
38.1K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Den här komponenten är en komplett lösning för kommandomenyer i React med fokus på både användarupplevelse och flexibilitet för utvecklare.

GitHub-stjärnor
10.0K
Uppdaterad
Dec 6, 2024
Licens
MIT License

Om KickstartUI

KickstartUI är din självklara destination för att upptäcka de bästa UI-ramverken, biblioteken och byggverktygen. Vi handplockar noggrant förstklassiga resurser som hjälper utvecklare att förverkliga sina UI-idéer. Oavsett om du bygger en responsiv webbapp, skapar ett mobilgränssnitt eller utformar en interaktiv prototyp erbjuder vår plattform de viktiga verktyg som påskyndar dina projekt och förbättrar användarupplevelsen. Utforska vårt omfattande utbud för att hålla dig uppdaterad om de senaste trenderna, upptäcka nya möjligheter och lyfta din UI-design. Redo att kickstarta ditt nästa projekt? Ta en titt på våra utvalda resurser eller sök efter specifika verktyg som passar dina behov.