Help
RSS
API
Feed
Maltego
Contact
Domain > base-ui.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-10-05
3.212.91.35
(
ClassC
)
2026-02-08
3.33.186.135
(
ClassC
)
Port 443
HTTP/1.1 200 OKAccept-Ranges: bytesAge: 0Cache-Control: public,max-age0,must-revalidateCache-Status: Netlify Edge; fwdmissContent-Length: 66038Content-Security-Policy: default-src * data: mediastream: blob: filesystem: about: ws: wss: unsafe-eval wasm-unsafe-eval unsafe-inline; script-src * data: blob: unsafe-inline unsafe-eval; script-src-elem * data: blob: unsafe-inline; connect-src * data: blob: unsafe-inline; img-src * data: blob: unsafe-inline; media-src * data: blob: unsafe-inline; frame-src * data: blob: ; style-src * data: blob: unsafe-inline; font-src * data: blob: unsafe-inline; frame-ancestors *;Content-Type: text/html; charsetUTF-8Date: Sun, 08 Feb 2026 09:24:44 GMTEtag: f6f3f8e55f88373d54479450527c5993-sslReferrer-Policy: strict-origin-when-cross-originServer: NetlifyStrict-Transport-Security: max-age31536000; includeSubDomains; preloadX-Content-Type-Options: nosniffX-Frame-Options: SAMEORIGINX-Nf-Request-Id: 01KGY92P683HS7VNH5BGQN4T0CX-Xss-Protection: 1; modeblock !DOCTYPE html>!--G8OwnKxnkSExDmbUjbmWl-->html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relstylesheet href/_next/static/css/fdb6dcd6fa9b73c9.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-f342d560d662e135.js/>script src/_next/static/chunks/a940a174-7988ee08b3d9fedd.js async>/script>script src/_next/static/chunks/5778-0295e68a75634222.js async>/script>script src/_next/static/chunks/main-app-0b3a3934025af62e.js async>/script>script src/_next/static/chunks/5031-e5c1b7f674786673.js async>/script>script src/_next/static/chunks/3189-7dc35cba9a419151.js async>/script>script src/_next/static/chunks/5979-834712266960c38d.js async>/script>script src/_next/static/chunks/9875-8e044135270fab78.js async>/script>script src/_next/static/chunks/3131-8ff7546725efe742.js async>/script>script src/_next/static/chunks/app/(website)/page-1d9ed2b878a1553d.js async>/script>script src/_next/static/chunks/app/(website)/layout-885301db0bcff77b.js async>/script>link relpreload href/_next/static/css/e5c51c189f2bebe6.css asstyle/>link relpreload hrefhttps://www.googletagmanager.com/gtag/js?idG-FE5XQBD0BH asscript/>meta nametheme-color media(prefers-color-scheme: light) and (min-width: 1024px) contentoklch(95% 0.25% 264)/>meta nametheme-color media(prefers-color-scheme: dark) and (min-width: 1024px) contentoklch(25% 1% 264)/>meta nametheme-color media(prefers-color-scheme: light) content#FFF/>meta nametheme-color media(prefers-color-scheme: dark) content#000/>title>Base UI/title>meta namedescription contentUnstyled UI components for building accessible web apps and design systems./>link relcanonical hrefhttps://base-ui.com/>meta propertyog:title contentBase UI/>meta propertyog:description contentUnstyled UI components for building accessible web apps and design systems./>meta propertyog:image:type contentimage/png/>meta propertyog:image:width content1200/>meta propertyog:image:height content630/>meta propertyog:image contenthttps://base-ui.com/opengraph-image-j8qpfc.png?b1b9e0366e512854/>meta nametwitter:card contentsummary/>meta nametwitter:title contentBase UI/>meta nametwitter:description contentUnstyled UI components for building accessible web apps and design systems./>meta nametwitter:image:type contentimage/png/>meta nametwitter:image:width content1200/>meta nametwitter:image:height content630/>meta nametwitter:image contenthttps://base-ui.com/opengraph-image-j8qpfc.png?b1b9e0366e512854/>link relicon href/static/favicon.ico sizes32x32/>link relicon href/static/favicon.svg typeimage/svg+xml/>link relapple-touch-icon href/static/apple-touch-icon.png/>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body classBody p-6 bp2:py-7 bp2:px-9>div hidden>!--$-->!--/$-->/div>div classbs-bb d-g gtc-8 g-8 bp2:g-9 stylemax-width:1480px;margin-inline:auto>header classd-c>div classgcs-1 gce-4>svg width17 height24 viewBox0 0 17 24 fillcurrentcolor aria-labelBase UI>path dM9.5001 7.01537C9.2245 6.99837 9 7.22385 9 7.49999V23C13.4183 23 17 19.4183 17 15C17 10.7497 13.6854 7.27351 9.5001 7.01537Z>/path>path dM8 9.8V12V23C3.58172 23 0 19.0601 0 14.2V12V1C4.41828 1 8 4.93989 8 9.8Z>/path>/svg>/div>nav classd-f fd-c g-2 gcs-5 gce-8 bp2:gcs-5 bp2:gce-9 bp3:gcs-5 bp3:gce-7 aria-labelsocial links>a classText size-1 Link hrefhttps://x.com/base_ui>X/a>a classText size-1 Link hrefhttps://github.com/mui/base-ui>GitHub/a>a classText size-1 Link hrefhttps://discord.com/invite/g6C3hUtuxz>Discord/a>/nav>div classd-n bp3:d-b gcs-7 gce-9>a classLink Text size-1 Link href/react/components/accordion>Components/a>/div>/header>main idmain classd-c>script typeapplication/ld+json>{@context:https://schema.org,@type:WebSite,name:Base UI,url:https://base-ui.com}/script>section classd-c>h1 classText size-3 bp2:size-4 gcs-1 gce-9 bp4:gce-5>Unstyled UI components for building accessible user interfaces/h1>div classgcs-1 gce-9>a classLink Text size-2 Link d-if href/react/overview/quick-start>Documentationsvg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 16 16 fillnone strokecurrentColor stroke-width1 stroke-linecapround stroke-linejoinround classIcon>path classLinkArrowCaret dM6 12L10 8L6 4>/path>path classLinkArrowLine dM2 8L13 8>/path>/svg>/a>/div>/section>section classd-c>div classd-f fd-c g-4 gcs-1 gce-9 bp2:gcs-3 bp4:gce-7>p classText size-2>From the creators of Radix, Floating UI, and Material UI, Base UI is a comprehensive UI component library for building accessible user interfaces with React./p>p classText size-2>Each Base UI component is meticulously designed for composability, consistency, and craft. The library's architecture prioritizes flexibility—without imposing visual opinions—helping teams craft distinctive interfaces that are fundamentally accessible and reliable./p>p classText size-2>Collectively, we've been building component libraries for multiple decades. We've learned what works, what lasts, and what doesn't. And we really, really sweat the details./p>p classText size-2>Base UI is built to last. It is designed with care and maintained with intent. Our mission is to provide a future-proof foundation for professional interface design on the Web./p>/div>/section>div classgcs-1 gce-9 bp3:gcs-3>div classSeparator roleseparator aria-hiddentrue>/div>/div>section classd-c>div classgcs-1 gce-9 bp2:gce-3>h2 classText size-2>Made for the makers/h2>/div>ul classList gcs-1 gce-9 bp3:gcs-3 d-g gtc-2 bp2:gtc-4 bp3:gtc-6 g-8 bp2:g-9 aria-labelcompanies using Base UI>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone>path dM19.6749 0H4.91873V4.92314H19.6749V19.6923H4.91873V4.92314H0V19.6923V32H4.91873H19.6749V19.6923H31.9717V4.92314V0H19.6749Z fillcurrentColor>/path>/svg>/div>/div>span classText size-1>Paper/span>/div>/li>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg height32 width32 viewBox0 0 24 24 fillcurrentColor>path dM12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z>/path>/svg>/div>/div>span classText size-1>GitHub/span>/div>/li>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone>g clip-pathurl(#clip0_88_3019)>path fill-ruleevenodd clip-ruleevenodd dM3 2C2.44772 2 2 2.44772 2 3V25H0V3C0 1.34315 1.34315 0 3 0H29.7929C31.1292 0 31.7985 1.61572 30.8535 2.56066L14.3517 19.0625H19V17H21V19.5625C21 20.3909 20.3284 21.0625 19.5 21.0625H12.3517L8.9142 24.5H24.5V12H26.5V24.5C26.5 25.6046 25.6046 26.5 24.5 26.5H6.9142L3.41422 30H29C29.5523 30 30 29.5523 30 29V7H32V29C32 30.6569 30.6569 32 29 32H2.20711C0.870748 32 0.201502 30.3843 1.14645 29.4393L17.5858 13H13V15H11V12.5C11 11.6716 11.6716 11 12.5 11H19.5858L23.0858 7.50002H7.50002V20H5.50002V7.50002C5.50002 6.39541 6.39541 5.50002 7.50002 5.50002H25.0858L28.5858 2H3Z fillcurrentColor>/path>/g>defs>clipPath idclip0_88_3019>rect width32 height32 fillwhite>/rect>/clipPath>/defs>/svg>/div>/div>span classText size-1>Zed/span>/div>/li>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone>g clip-pathurl(#clip0_88_3022)>path dM10 9V0H22V9H10ZM22 14H32V32H0V14H10V23H22V14Z fillcurrentColor>/path>/g>defs>clipPath idclip0_88_3022>rect width32 height32 fillwhite>/rect>/clipPath>/defs>/svg>/div>/div>span classText size-1>Unsplash/span>/div>/li>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg width61 height32 viewBox0 0 61 32 fillnone>path dM54.6779 0.924763C50.2554 0.377394 44.2469 4.0675 39.7431 9.68266C39.6554 9.79098 39.5381 9.87186 39.4054 9.91558C39.2726 9.95931 39.1299 9.96404 38.9945 9.92919C38.8591 9.89434 38.7367 9.8214 38.642 9.71912C38.5472 9.61684 38.4842 9.48956 38.4604 9.35255C38.069 7.01992 36.6897 5.44855 34.3903 5.1656C30.8625 4.72771 26.1587 7.43929 22.4106 11.6953C22.3202 11.7972 22.2028 11.8717 22.0717 11.9102C21.9407 11.9487 21.8013 11.9498 21.6697 11.9132C21.5381 11.8766 21.4195 11.8039 21.3276 11.7034C21.2357 11.6029 21.1741 11.4787 21.15 11.345C20.7772 9.29529 19.5402 7.91592 17.4967 7.66329C13.1844 7.13108 6.92001 11.8115 3.50401 18.1189C0.0880105 24.4246 0.813232 29.9707 5.12559 30.5029C8.10443 30.8734 12.0152 28.7513 15.2753 25.3256C15.3714 25.2257 15.4943 25.1553 15.6294 25.1227C15.7645 25.0901 15.9062 25.0967 16.0376 25.1418C16.1691 25.1868 16.2848 25.2684 16.371 25.3768C16.4572 25.4852 16.5104 25.6159 16.5241 25.7534C16.78 28.3909 18.1898 30.1913 20.6687 30.4978C24.1576 30.9307 28.7987 28.2831 32.5265 24.1046C32.6221 23.9983 32.7472 23.9225 32.8861 23.8867C33.025 23.851 33.1715 23.8569 33.307 23.9037C33.4425 23.9505 33.561 24.0362 33.6477 24.1498C33.7343 24.2635 33.7852 24.4001 33.7939 24.5424C33.982 27.8435 35.6425 30.1172 38.6637 30.4911C44.2452 31.1816 52.3548 25.1235 56.7773 16.9584C61.1998 8.7934 60.2594 1.61529 54.6779 0.924763Z fillcurrentColor>/path>/svg>/div>/div>span classText size-1>Operate/span>/div>/li>li>div classd-f fd-c g-2>div classFigure aria-hiddentrue>div classd-f ai-c jc-c h-100>svg xmlnshttp://www.w3.org/2000/svg width43 height32 viewBox0 0 43 32 fillnone>path dM0 15.2002H1.6V16.8002H0V15.2002Z fillcurrentColor>/path>path dM5.6001 8H8.8001V11.2H5.6001V8Z fillcurrentColor>/path>path dM5.6001 20.7998H8.8001V23.9998H5.6001V20.7998Z fillcurrentColor>/path>path dM10.9331 0.533203H16.2664V5.86654H10.9331V0.533203Z fillcurrentColor>/path>path dM12 14.3999H15.2V17.5999H12V14.3999Z fillcurrentColor>/path>path dM10.9331 26.1333H16.2664V31.4666H10.9331V26.1333Z fillcurrentColor>/path>path dM17.3335 6.93311H22.6668V12.2664H17.3335V6.93311Z fillcurrentColor>/path>path dM17.3335 19.7334H22.6668V25.0667H17.3335V19.7334Z fillcurrentColor>/path>path dM23.2002 0H29.6002V6.4H23.2002V0Z fillcurrentColor>/path>path dM23.7334 13.3335H29.0667V18.6668H23.7334V13.3335Z fillcurrentColor>/path>path dM23.2002 25.6001H29.6002V32.0001H23.2002V25.6001Z fillcurrentColor>/path>path dM29.6001 6.3999H36.0001V12.7999H29.6001V6.3999Z fillcurrentColor>/path>path dM29.6001 19.2002H36.0001V25.6002H29.6001V19.2002Z fillcurrentColor>/path>path dM36 12.7998H42.4V19.1998H36V12.7998Z fillcurrentColor>/path>/svg>/div>/div>span classText size-1>Interfere/span>/div>/li>/ul>/section>div classgcs-1 gce-9 bp3:gcs-3>div classSeparator roleseparator aria-hiddentrue>/div>/div>section classd-c>div classgcs-1 gce-9 bp2:gce-3>h2 classText size-2>So you know who to blame/h2>/div>div classgcs-1 gce-9 bp2:gcs-3 bp4:gce-7>ul classList aria-labelteam members styleborder-top:1px solid var(--border)>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Colm Tuite/span>span classText size-2>Director of Design Engineering/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Marija Najdova/span>span classText size-2>Director of Engineering/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Albert Yu/span>span classText size-2>Engineer/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Flavien Delangle/span>span classText size-2>Engineer/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>James Nelson/span>span classText size-2>Engineer/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Lukas Tyla/span>span classText size-2>Engineer/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Michał Dudak/span>span classText size-2>Engineer/span>/li>li classListItem d-g gtc-2 g-8 bp3:g-9>span classText size-2>Vlad Moroz/span>span classText size-2>Contributor/span>/li>/ul>/div>/section>div classgcs-1 gce-9 bp3:gcs-3>div classSeparator roleseparator aria-hiddentrue>/div>/div>section classd-c>div classgcs-1 gce-9 bp2:gce-3>h2 classText size-2>The fine print/h2>/div>div classgcs-1 gce-9 bp2:gcs-3 bp4:gce-7>div data-orientationvertical dirltr roleregion classAccordionRoot>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_1klf9ivbH2_ classAccordionTrigger Text size-2>What is Base UI?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_2klf9ivbH2_ classAccordionTrigger Text size-2>Does Base UI work with any styling library?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_3klf9ivbH2_ classAccordionTrigger Text size-2>Which accessibility standards does Base UI follow?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_4klf9ivbH2_ classAccordionTrigger Text size-2>How does Base UI differ from Radix UI?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_5klf9ivbH2_ classAccordionTrigger Text size-2>Can I use Base UI without React?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_6klf9ivbH2_ classAccordionTrigger Text size-2>Is Base UI free for commercial use?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>div data-orientationvertical data-index-1 data-closed classAccordionItem>h3 data-orientationvertical data-index-1 data-closed classAccordionHeader>button typebutton data-value data-orientationvertical data-index-1 tabindex0 aria-disabledfalse aria-expandedfalse idbase-ui-_R_7klf9ivbH2_ classAccordionTrigger Text size-2>Do you offer enterprise SLAs?svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconPlus>path dM8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>svg width20 height20 viewBox0 0 15 15 fillnone xmlnshttp://www.w3.org/2000/svg classAccordionIcon AccordionIconMinus>path dM2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z fillcurrentColor fill-ruleevenodd clip-ruleevenodd>/path>/svg>/button>/h3>/div>/div>/div>/section>!--$-->!--/$-->/main>div classgcs-1 gce-9 bp3:gcs-3>div classSeparator roleseparator aria-hiddentrue>/div>/div>footer classd-c>div classgcs-1 gce-9 bp2:gce-3>span classText size-1>© Base UI/span>/div>nav classd-f fd-c g-2 gcs-1 gce-9 bp2:gcs-3 bp4:gce-7 aria-labelsocial links>a classText size-1 Link hrefhttps://x.com/base_ui>X/a>a classText size-1 Link hrefhttps://github.com/mui/base-ui>GitHub/a>a classText size-1 Link hrefhttps://discord.com/invite/g6C3hUtuxz>Discord/a>a classText size-1 Link hrefhttps://www.npmjs.com/package/@base-ui/react>npm/a>a classText size-1 Link hrefhttps://bsky.app/profile/did:plc:nwr6peuxqzdzlbi72qr5kldc>Bluesky/a>/nav>/footer>/div>script src/_next/static/chunks/webpack-f342d560d662e135.js id_R_ async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I75762,,\\\n3:I3424,,\\\n4:I5031,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\\\nc:I42154,,\\\n:HL\/_next/static/css/fdb6dcd6fa9b73c9.css\,\style\\n)/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\G8OwnKxnkSExDmbUjbmWl\,\c\:\\,\\,\q\:\\,\i\:false,\f\:\\,{\children\:\(website)\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true},\$\,\$1\,\c\,{\children\:null,\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L3\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:404},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}},{\children\:\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/fdb6dcd6fa9b73c9.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\children\:\$\,\body\,null,{\suppressHydrationWarning\:true,\className\:\Body p-6 bp2:py-7 bp2:px-9\,\children\:\$\,\div\,null,{\className\:\bs-bb d-g gtc-8 g-8 bp2:g-9\,\style\:{\maxWidth\:\1480px\,\marginInline\:\auto\},\children\:\$\,\header\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\gcs-1 gce-4\,\children\:\$\,\svg\,null,{\width\:\17\,\height\:\24\,\viewBox\:\0 0 17 24\,\fill\:\currentcolor\,\aria-label\:\Base UI\,\children\:\$\,\path\,null,{\d\:\M9.5001 7.01537C9.2245 6.99837 9 7.22385 9 7.49999V23C13.4183 23 17 19.4183 17 15C17 10.7497 13.6854 7.27351 9.5001 7.01537Z\},\$\,\path\,null,{\d\:\M8 9.8V12V23C3.58172 23 0 19.0601 0 14.2V12V1C4.41828 1 8 4.93989 8 9.8Z\}}},\$\,\nav\,null,{\className\:\d-f fd-c g-2 gcs-5 gce-8 bp2:gcs-5 bp2:gce-9 bp3:gcs-5 bp3:gce-7\,\aria-label\:\social links\,\children\:\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://x.com/base_ui\,\children\:\X\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://github.com/mui/base-ui\,\children\:\GitHub\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://discord.com/invite/g6C3hUtuxz\,\children\:\Discord\}},\$\,\div\,null,{\className\:\d-n bp3:d-b gcs-7 gce-9\,\children\:\$\,\$L4\,null,{\children\:\Components\,\href\:\/react/components/accordion\,\className\:\Link Text size-1 Link\}}},\$\,\main\,null,{\id\:\main\,\className\:\d-c\,\children\:\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L3\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\div\,null,{\className\:\NotFoundRoot\,\children\:\$\,\div\,null,{\className\:\NotFoundContent\,\children\:\$\,\svg\,null,{\width\:\17\,\height\:\24\,\viewBox\:\0 0 17 24\,\fill\:\currentcolor\,\className\:\mb-8 ml-px\,\aria-label\:\Base UI\,\children\:\$\,\path\,null,{\d\:\M9.5001 7.01537C9.2245 6.99837 9 7.22385 9 7.49999V23C13.4183 23 17 19.4183 17 15C17 10.7497 13.6854 7.27351 9.5001 7.01537Z\},\$\,\path\,null,{\d\:\M8 9.8V12V23C3.58172 23 0 19.0601 0 14.2V12V1C4.41828 1 8 4.93989 8 9.8Z\}},\$\,\h1\,null,{\className\:\NotFoundHeading\,\children\:\404\},\$\,\p\,null,{\className\:\NotFoundCaption\,\children\:\This page couldnt be found. Please return to the docs or create a corresponding issue on GitHub.\},\$\,\div\,null,{\className\:\flex flex-col items-start gap-2\,\children\:\$\,\$L4\,null,{\children\:\Documentation \,\$\,\svg\,null,{\width\:\12\,\height\:\12\,\viewBox\:\0 0 12 12\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\children\:\$\,\path\,null,{\d\:\M1.5 6H11.25M11.25 6L7.25 2M11.25 6L7.25 10\,\stroke\:\currentcolor\,\strokeWidth\:\1.25\,\strokeLinecap\:\round\,\strokeLinejoin\:\round\}},\href\:\/react/overview/quick-start\,\className\:\Link -m-1 inline-flex items-center gap-1 p-1\},\$L5\}}},\$L6\,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}},\$L7\,\$L8\}},\$L9\}},{\children\:\$La\,{},null,false,false},null,false,false},null,false,false,\$Lb\,false,\m\:\$undefined\,\G\:\$c\,,\S\:true}\n)/script>script>self.__next_f.push(1,d:I445,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\2806\,\static/chunks/app/(website)/layout-885301db0bcff77b.js\,\GoogleAnalytics\\n18:I68155,,\ViewportBoundary\\n1a:I68155,,\MetadataBoundary\\n1b:\$Sreact.suspense\\n:HL\/_next/static/css/e5c51c189f2bebe6.css\,\style\\n5:\$\,\$L4\,null,{\target\:\_blank\,\rel\:\noopener\,\children\:\GitHub\,\$\,\svg\,null,{\width\:\12\,\height\:\16\,\viewBox\:\0 0 12 16\,\fill\:\currentcolor\,\xmlns\:\http://www.w3.org/2000/svg\,\children\:\$\,\path\,null,{\transform\:\translate(0, -0.5)\,\d\:\M7 2V3H10.293L4.02344 9.27344L4.72656 9.97656L11 3.70703V7H12V2H7ZM2 4C0.894531 4 0 4.89453 0 6V12C0 13.1055 0.894531 14 2 14H8C9.10547 14 10 13.1055 10 12V7L9 8V12C9 12.5508 8.55078 13 8 13H2C1.44922 13 1 12.5508 1 12V6C1 5.44922 1.44922 5 2 5H6L7 4H2Z\}},\href\:\https://github.com/mui/base-ui\,\className\:\Link mr-0.125em inline-flex items-center gap-0.25em -m-1 p-1\}\n6:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/e5c51c189f2bebe6.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\}\n7:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp3:gcs-3\,\children\:\$\,\div\,null,{\className\:\Separator\,\role\:\separator\,\aria-hidden\:\true\}}\n8:\$\,\footer\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gce-3\,\children\:\$\,\span\,null,{\className\:\Text size-1\,\children\:\© Base UI\}},\$\,\nav\,null,{\className\:\d-f fd-c g-2 gcs-1 gce-9 bp2:gcs-3 bp4:gce-7\,\aria-label\:\social links\,\children\:\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://x.com/base_ui\,\children\:\X\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://github.com/mui/base-ui\,\children\:\GitHub\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://discord.com/invite/g6C3hUtuxz\,\children\:\Discord\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://www.npmjs.com/package/@base-ui/react\,\children\:\npm\},\$\,\a\,null,{\className\:\Text size-1 Link\,\href\:\https://bsky.app/profile/did:plc:nwr6peuxqzdzlbi72qr5kldc\,\children\:\Bluesky\}}}\n9:\$\,\$Ld\,null,{}\n)/script>script>self.__next_f.push(1,a:\$\,\$1\,\c\,{\children\:\$\,\script\,null,{\type\:\application/ld+json\,\dangerouslySetInnerHTML\:{\__html\:\{\\\@context\\\:\\\https://schema.org\\\,\\\@type\\\:\\\WebSite\\\,\\\name\\\:\\\Base UI\\\,\\\url\\\:\\\https://base-ui.com\\\}\}},\$\,\section\,null,{\className\:\d-c\,\children\:\$\,\h1\,null,{\className\:\Text size-3 bp2:size-4 gcs-1 gce-9 bp4:gce-5\,\children\:\Unstyled UI components for building accessible user interfaces\},\$\,\div\,null,{\className\:\gcs-1 gce-9\,\children\:\$\,\$L4\,null,{\children\:\Documentation\,\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\20\,\height\:\20\,\viewBox\:\0 0 16 16\,\fill\:\none\,\stroke\:\currentColor\,\strokeWidth\:\1\,\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\className\:\Icon\,\children\:\$\,\path\,null,{\className\:\LinkArrowCaret\,\d\:\M6 12L10 8L6 4\},\$\,\path\,null,{\className\:\LinkArrowLine\,\d\:\M2 8L13 8\}},\href\:\/react/overview/quick-start\,\className\:\Link Text size-2 Link d-if\}}},\$\,\section\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\d-f fd-c g-4 gcs-1 gce-9 bp2:gcs-3 bp4:gce-7\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\From the creators of Radix, Floating UI, and Material UI, Base UI is a comprehensive UI component library for building accessible user interfaces with React.\},\$\,\p\,null,{\className\:\Text size-2\,\children\:\Each Base UI component is meticulously designed for composability, consistency, and craft. The librarys architecture prioritizes flexibility—without imposing visual opinions—helping teams craft distinctive interfaces that are fundamentally accessible and reliable.\},\$\,\p\,null,{\className\:\Text size-2\,\children\:\Collectively, weve been building component libraries for multiple decades. Weve learned what works, what lasts, and what doesnt. And we really, really sweat the details.\},\$\,\p\,null,{\className\:\Text size-2\,\children\:\Base UI is built to last. It is designed with care and maintained with intent. Our mission is to provide a future-proof foundation for professional interface design on the Web.\}}},\$\,\div\,null,{\className\:\gcs-1 gce-9 bp3:gcs-3\,\children\:\$\,\div\,null,{\className\:\Separator\,\role\:\separator\,\aria-hidden\:\true\}},\$\,\section\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gce-3\,\children\:\$\,\h2\,null,{\className\:\Text size-2\,\children\:\Made for the makers\}},\$\,\ul\,null,{\className\:\List gcs-1 gce-9 bp3:gcs-3 d-g gtc-2 bp2:gtc-4 bp3:gtc-6 g-8 bp2:g-9\,\aria-label\:\companies using Base UI\,\children\:\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\32\,\height\:\32\,\viewBox\:\0 0 32 32\,\fill\:\none\,\children\:\$\,\path\,null,{\d\:\M19.6749 0H4.91873V4.92314H19.6749V19.6923H4.91873V4.92314H0V19.6923V32H4.91873H19.6749V19.6923H31.9717V4.92314V0H19.6749Z\,\fill\:\currentColor\}}}},\$\,\span\,null,{\className\:\Text size-1\,\children\:\Paper\}}},\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\height\:\32\,\width\:\32\,\viewBox\:\0 0 24 24\,\fill\:\currentColor\,\children\:\$\,\path\,null,{\d\:\M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z\}}}},\$Le\}},\$Lf\,\$L10\,\$L11\,\$L12\}},\$L13\,\$L14\,\$L15\,\$L16\,null,\$L17\}\n)/script>script>self.__next_f.push(1,b:\$\,\$1\,\h\,{\children\:null,\$\,\$L18\,null,{\children\:\$L19\},\$\,\div\,null,{\hidden\:true,\children\:\$\,\$L1a\,null,{\children\:\$\,\$1b\,null,{\name\:\Next.Metadata\,\children\:\$L1c\}}},null}\n)/script>script>self.__next_f.push(1,1e:I24563,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\AccordionRoot\\n1f:I94171,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\AccordionItem\\n20:I23371,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\AccordionHeader\\n21:I49889,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\AccordionTrigger\\n22:I70085,\5031\,\static/chunks/5031-e5c1b7f674786673.js\,\3189\,\static/chunks/3189-7dc35cba9a419151.js\,\5979\,\static/chunks/5979-834712266960c38d.js\,\9875\,\static/chunks/9875-8e044135270fab78.js\,\3131\,\static/chunks/3131-8ff7546725efe742.js\,\3413\,\static/chunks/app/(website)/page-1d9ed2b878a1553d.js\,\AccordionPanel\\n29:I68155,,\OutletBoundary\\ne:\$\,\span\,null,{\className\:\Text size-1\,\children\:\GitHub\}\nf:\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\32\,\height\:\32\,\viewBox\:\0 0 32 32\,\fill\:\none\,\children\:\$\,\g\,null,{\clipPath\:\url(#clip0_88_3019)\,\children\:\$\,\path\,null,{\fillRule\:\evenodd\,\clipRule\:\evenodd\,\d\:\M3 2C2.44772 2 2 2.44772 2 3V25H0V3C0 1.34315 1.34315 0 3 0H29.7929C31.1292 0 31.7985 1.61572 30.8535 2.56066L14.3517 19.0625H19V17H21V19.5625C21 20.3909 20.3284 21.0625 19.5 21.0625H12.3517L8.9142 24.5H24.5V12H26.5V24.5C26.5 25.6046 25.6046 26.5 24.5 26.5H6.9142L3.41422 30H29C29.5523 30 30 29.5523 30 29V7H32V29C32 30.6569 30.6569 32 29 32H2.20711C0.870748 32 0.201502 30.3843 1.14645 29.4393L17.5858 13H13V15H11V12.5C11 11.6716 11.6716 11 12.5 11H19.5858L23.0858 7.50002H7.50002V20H5.50002V7.50002C5.50002 6.39541 6.39541 5.50002 7.50002 5.50002H25.0858L28.5858 2H3Z\,\fill\:\currentColor\}},\$\,\defs\,null,{\children\:\$\,\clipPath\,null,{\id\:\clip0_88_3019\,\children\:\$\,\rect\,null,{\width\:\32\,\height\:\32\,\fill\:\white\}}}}}},\$\,\span\,null,{\className\:\Text size-1\,\children\:\Zed\}}}\n10:\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\32\,\height\:\32\,\viewBox\:\0 0 32 32\,\fill\:\none\,\children\:\$\,\g\,null,{\clipPath\:\url(#clip0_88_3022)\,\children\:\$\,\path\,null,{\d\:\M10 9V0H22V9H10ZM22 14H32V32H0V14H10V23H22V14Z\,\fill\:\currentColor\}},\$\,\defs\,null,{\children\:\$\,\clipPath\,null,{\id\:\clip0_88_3022\,\children\:\$\,\rect\,null,{\width\:\32\,\height\:\32\,\fill\:\white\}}}}}},\$\,\span\,null,{\className\:\Text size-1\,\children\:\Unsplash\}}}\n1d:T546,M54.6779 0.924763C50.2554 0.377394 44.2469 4.0675 39.7431 9.68266C39.6554 9.79098 39.5381 9.87186 39.4054 9.91558C39.2726 9.95931 39.1299 9.96404 38.9945 9.92919C38.8591 9.89434 38.7367 9.8214 38.642 9.71912C38.5472 9.61684 38.4842 9.48956 38.4604 9.35255C38.069 7.01992 36.6897 5.44855 34.3903 5.16)/script>script>self.__next_f.push(1,56C30.8625 4.72771 26.1587 7.43929 22.4106 11.6953C22.3202 11.7972 22.2028 11.8717 22.0717 11.9102C21.9407 11.9487 21.8013 11.9498 21.6697 11.9132C21.5381 11.8766 21.4195 11.8039 21.3276 11.7034C21.2357 11.6029 21.1741 11.4787 21.15 11.345C20.7772 9.29529 19.5402 7.91592 17.4967 7.66329C13.1844 7.13108 6.92001 11.8115 3.50401 18.1189C0.0880105 24.4246 0.813232 29.9707 5.12559 30.5029C8.10443 30.8734 12.0152 28.7513 15.2753 25.3256C15.3714 25.2257 15.4943 25.1553 15.6294 25.1227C15.7645 25.0901 15.9062 25.0967 16.0376 25.1418C16.1691 25.1868 16.2848 25.2684 16.371 25.3768C16.4572 25.4852 16.5104 25.6159 16.5241 25.7534C16.78 28.3909 18.1898 30.1913 20.6687 30.4978C24.1576 30.9307 28.7987 28.2831 32.5265 24.1046C32.6221 23.9983 32.7472 23.9225 32.8861 23.8867C33.025 23.851 33.1715 23.8569 33.307 23.9037C33.4425 23.9505 33.561 24.0362 33.6477 24.1498C33.7343 24.2635 33.7852 24.4001 33.7939 24.5424C33.982 27.8435 35.6425 30.1172 38.6637 30.4911C44.2452 31.1816 52.3548 25.1235 56.7773 16.9584C61.1998 8.7934 60.2594 1.61529 54.6779 0.924763Z11:\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\61\,\height\:\32\,\viewBox\:\0 0 61 32\,\fill\:\none\,\children\:\$\,\path\,null,{\d\:\$1d\,\fill\:\currentColor\}}}},\$\,\span\,null,{\className\:\Text size-1\,\children\:\Operate\}}}\n)/script>script>self.__next_f.push(1,12:\$\,\li\,null,{\children\:\$\,\div\,null,{\className\:\d-f fd-c g-2\,\children\:\$\,\div\,null,{\className\:\Figure\,\aria-hidden\:\true\,\children\:\$\,\div\,null,{\className\:\d-f ai-c jc-c h-100\,\children\:\$\,\svg\,null,{\xmlns\:\http://www.w3.org/2000/svg\,\width\:\43\,\height\:\32\,\viewBox\:\0 0 43 32\,\fill\:\none\,\children\:\$\,\path\,null,{\d\:\M0 15.2002H1.6V16.8002H0V15.2002Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M5.6001 8H8.8001V11.2H5.6001V8Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M5.6001 20.7998H8.8001V23.9998H5.6001V20.7998Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M10.9331 0.533203H16.2664V5.86654H10.9331V0.533203Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M12 14.3999H15.2V17.5999H12V14.3999Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M10.9331 26.1333H16.2664V31.4666H10.9331V26.1333Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M17.3335 6.93311H22.6668V12.2664H17.3335V6.93311Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M17.3335 19.7334H22.6668V25.0667H17.3335V19.7334Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M23.2002 0H29.6002V6.4H23.2002V0Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M23.7334 13.3335H29.0667V18.6668H23.7334V13.3335Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M23.2002 25.6001H29.6002V32.0001H23.2002V25.6001Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M29.6001 6.3999H36.0001V12.7999H29.6001V6.3999Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M29.6001 19.2002H36.0001V25.6002H29.6001V19.2002Z\,\fill\:\currentColor\},\$\,\path\,null,{\d\:\M36 12.7998H42.4V19.1998H36V12.7998Z\,\fill\:\currentColor\}}}},\$\,\span\,null,{\className\:\Text size-1\,\children\:\Interfere\}}}\n)/script>script>self.__next_f.push(1,13:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp3:gcs-3\,\children\:\$\,\div\,null,{\className\:\Separator\,\role\:\separator\,\aria-hidden\:\true\}}\n)/script>script>self.__next_f.push(1,14:\$\,\section\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gce-3\,\children\:\$\,\h2\,null,{\className\:\Text size-2\,\children\:\So you know who to blame\}},\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gcs-3 bp4:gce-7\,\children\:\$\,\ul\,null,{\className\:\List\,\aria-label\:\team members\,\style\:{\borderTop\:\1px solid var(--border)\},\children\:\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Colm Tuite\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Director of Design Engineering\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Marija Najdova\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Director of Engineering\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Albert Yu\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Engineer\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Flavien Delangle\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Engineer\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\James Nelson\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Engineer\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Lukas Tyla\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Engineer\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Michał Dudak\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Engineer\}},\$\,\li\,null,{\className\:\ListItem d-g gtc-2 g-8 bp3:g-9\,\children\:\$\,\span\,null,{\className\:\Text size-2\,\children\:\Vlad Moroz\},\$\,\span\,null,{\className\:\Text size-2\,\children\:\Contributor\}}}}}\n)/script>script>self.__next_f.push(1,15:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp3:gcs-3\,\children\:\$\,\div\,null,{\className\:\Separator\,\role\:\separator\,\aria-hidden\:\true\}}\n)/script>script>self.__next_f.push(1,16:\$\,\section\,null,{\className\:\d-c\,\children\:\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gce-3\,\children\:\$\,\h2\,null,{\className\:\Text size-2\,\children\:\The fine print\}},\$\,\div\,null,{\className\:\gcs-1 gce-9 bp2:gcs-3 bp4:gce-7\,\children\:\$\,\$L1e\,null,{\className\:\AccordionRoot\,\children\:\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\What is Base UI?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\Base UI is a library of unstyled UI components for building accessible component libraries, user interfaces, web applications, and websites with React. Base UI components are highly configurable, composable, and customizable.\}}},\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\Does Base UI work with any styling library?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\Yes. Base UI works with Tailwind, CSS Modules, CSS-in-JS, plain CSS, and any other styling library you prefer. It also works with JavaScript animation libraries like Motion, or just plain CSS transitions. Base UI is an unstyled component library. The package does not bundle any CSS, and does not prescribe any styling solution.\}}},\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\Which accessibility standards does Base UI follow?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$L23\}},\$L24\},\$L25\,\$L26\,\$L27\,\$L28\}}}\n)/script>script>self.__next_f.push(1,17:\$\,\$L29\,null,{\children\:\$\,\$1b\,null,{\name\:\Next.MetadataOutlet\,\children\:\$@2a\}}\n)/script>script>self.__next_f.push(1,23:\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}\n24:\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\When designing and speccing components, we follow\,\ \,\$\,\a\,null,{\className\:\Link\,\href\:\https://www.w3.org/WAI/ARIA/apg/patterns/\,\children\:\ARIA Authoring Practices Guide patterns\},\, and comply with the\,\ \,\$\,\a\,null,{\className\:\Link\,\href\:\https://www.w3.org/TR/WCAG22/#new-features-in-wcag-2-2\,\children\:\WCAG 2.2 standard\},\. Base UI is compliant with all Success Criteria levels relating to component behavior. However, in most cases, we go way beyond these guides. Base UI components are tested across a wide range of browsers, devices, platforms, and environments, and are designed to be accessible.\}}\n)/script>script>self.__next_f.push(1,25:\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\How does Base UI differ from Radix UI?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\div\,null,{\className\:\d-f fd-c g-4\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\In terms of API design, both libraries are very similar. We intentionally kept our APIs close to Radix UI for an easier migration path. Base UI provides more complex components such as Combobox and Autocomplete. Base UI also provides deeper feature support such as input scrubbing, nested dialogs, and triggering menus on hover. Base UI is more robust and more polished in terms of a11y and edge case handling.\},\$\,\p\,null,{\className\:\Text size-2\,\children\:\But the most important difference is that Base UI is actively maintained and developed, with a dedicated team of 7 developers, designers, and managers working on it full-time.\}}}}\n)/script>script>self.__next_f.push(1,26:\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\Can I use Base UI without React?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\Base UI is a React library. It is not designed to be used without React. We may consider supporting other libraries at some point, but for the foreseeable future, React is our primary focus.\}}}\n)/script>script>self.__next_f.push(1,27:\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\Is Base UI free for commercial use?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\Yes. Base UI is licensed under the MIT license, and is free for commercial use. You are free to use it in your commercial projects, and to modify it to suit your needs.\}}}\n)/script>script>self.__next_f.push(1,28:\$\,\$L1f\,null,{\className\:\AccordionItem\,\children\:\$\,\$L20\,null,{\className\:\AccordionHeader\,\children\:\$\,\$L21\,null,{\className\:\AccordionTrigger Text size-2\,\children\:\Do you offer enterprise SLAs?\,\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconPlus\,\children\:\$\,\path\,null,{\d\:\M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}},\$\,\svg\,null,{\width\:\20\,\height\:\20\,\viewBox\:\0 0 15 15\,\fill\:\none\,\xmlns\:\http://www.w3.org/2000/svg\,\className\:\AccordionIcon AccordionIconMinus\,\children\:\$\,\path\,null,{\d\:\M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z\,\fill\:\currentColor\,\fillRule\:\evenodd\,\clipRule\:\evenodd\}}}},\$\,\$L22\,null,{\className\:\AccordionPanel\,\children\:\$\,\p\,null,{\className\:\Text size-2\,\children\:\Not currently. We do provide dedicated support channels to some very large enterprise companies who are working with us as design partners. But we do not currently provide Service Level Agreements, guaranteed response times, issue escalation, feature prioritization, or any other formal support guarantees.\}}}\n)/script>script>self.__next_f.push(1,19:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\2\,{\name\:\theme-color\,\media\:\(prefers-color-scheme: light) and (min-width: 1024px)\,\content\:\oklch(95% 0.25% 264)\},\$\,\meta\,\3\,{\name\:\theme-color\,\media\:\(prefers-color-scheme: dark) and (min-width: 1024px)\,\content\:\oklch(25% 1% 264)\},\$\,\meta\,\4\,{\name\:\theme-color\,\media\:\(prefers-color-scheme: light)\,\content\:\#FFF\},\$\,\meta\,\5\,{\name\:\theme-color\,\media\:\(prefers-color-scheme: dark)\,\content\:\#000\}\n)/script>script>self.__next_f.push(1,2b:I30530,,\IconMark\\n)/script>script>self.__next_f.push(1,1c:\$\,\title\,\0\,{\children\:\Base UI\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Unstyled UI components for building accessible web apps and design systems.\},\$\,\link\,\2\,{\rel\:\canonical\,\href\:\https://base-ui.com\},\$\,\meta\,\3\,{\property\:\og:title\,\content\:\Base UI\},\$\,\meta\,\4\,{\property\:\og:description\,\content\:\Unstyled UI components for building accessible web apps and design systems.\},\$\,\meta\,\5\,{\property\:\og:image:type\,\content\:\image/png\},\$\,\meta\,\6\,{\property\:\og:image:width\,\content\:\1200\},\$\,\meta\,\7\,{\property\:\og:image:height\,\content\:\630\},\$\,\meta\,\8\,{\property\:\og:image\,\content\:\https://base-ui.com/opengraph-image-j8qpfc.png?b1b9e0366e512854\},\$\,\meta\,\9\,{\name\:\twitter:card\,\content\:\summary\},\$\,\meta\,\10\,{\name\:\twitter:title\,\content\:\Base UI\},\$\,\meta\,\11\,{\name\:\twitter:description\,\content\:\Unstyled UI components for building accessible web apps and design systems.\},\$\,\meta\,\12\,{\name\:\twitter:image:type\,\content\:\image/png\},\$\,\meta\,\13\,{\name\:\twitter:image:width\,\content\:\1200\},\$\,\meta\,\14\,{\name\:\twitter:image:height\,\content\:\630\},\$\,\meta\,\15\,{\name\:\twitter:image\,\content\:\https://base-ui.com/opengraph-image-j8qpfc.png?b1b9e0366e512854\},\$\,\link\,\16\,{\rel\:\icon\,\href\:\/static/favicon.ico\,\sizes\:\32x32\},\$\,\link\,\17\,{\rel\:\icon\,\href\:\/static/favicon.svg\,\type\:\image/svg+xml\},\$\,\link\,\18\,{\rel\:\apple-touch-icon\,\href\:\/static/apple-touch-icon.png\},\$\,\$L2b\,\19\,{}\n)/script>script>self.__next_f.push(1,2a:null\n)/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]