Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
This report summarizes scanner evidence for mui/base-ui, a TypeScript project with 11,270 GitHub stars. SynthScan examined 449,731 lines of code across 2624 source files, recording 366 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 0.9 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 340 finding(s).
Are imports declared and package/API names verified? 26 finding(s).
Are wrappers, guards, and repeated structures necessary? 324 finding(s).
Which changes need focused human review? 366 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 366 distinct pattern matches across 6 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | test/public-types/menu.tsx | 31 | export function InternalSubmenuPropsStayHidden() { | CODE |
| LOW | docs/src/blocks/createCodeSandbox/createCodeSandbox.ts | 78 | function createCodeSandboxRequestPayload(options: createCodeSandbox.Options) { | CODE |
| LOW | docs/src/blocks/createCodeSandbox/createCodeSandbox.ts | 124 | function defaultDependencyResolver(importPath: string) { | CODE |
| LOW | …rc/blocks/createCodeSandbox/createStackBlitzProject.ts | 122 | function defaultDependencyResolver(importPath: string) { | CODE |
| LOW | …ks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx | 7 | export function PackageManagerSnippetRoot(props: PackageManagerSnippetRoot.Props) { | CODE |
| LOW | …ackageManagerSnippet/PackageManagerSnippetProvider.tsx | 29 | export function PackageManagerSnippetProvider(props: PackageManagerSnippetProviderProps) { | CODE |
| LOW | …ks/PackageManagerSnippet/PackageManagerSnippetCode.tsx | 5 | export function PackageManagerSnippetCode(props: PackageManagerSnippetCode.Props) { | CODE |
| LOW | docs/src/app/(private)/experiments/navigation-menu.tsx | 394 | function MixedNestedNavigationMenuContent() { | CODE |
| LOW | docs/src/app/(private)/experiments/transition-attrs.tsx | 13 | export default function TransitionAttrsExperiment() { | CODE |
| LOW | docs/src/app/(private)/experiments/transition-attrs.tsx | 117 | function getTransitionDataAttributes(transitionStatus: 'starting' | 'ending' | 'idle' | undefined) { | CODE |
| LOW | docs/src/app/(private)/experiments/transition-attrs.tsx | 155 | function handleIndicatorTransitionEnd(event: React.TransitionEvent<HTMLDivElement>) { | CODE |
| LOW | …te)/experiments/select-rtl-align-item-with-trigger.tsx | 229 | export default function SelectRtlAlignItemWithTriggerExperiment() { | CODE |
| LOW | …s/src/app/(private)/experiments/inline-positioning.tsx | 70 | export default function InlinePositioningExperiment() { | CODE |
| LOW | …/app/(private)/experiments/tabs/tabs-streaming-ssr.tsx | 37 | export default function TabsStreamingSsrExperiment() { | CODE |
| LOW | …app/(private)/experiments/drawer/cross-axis-scroll.tsx | 68 | export default function DrawerCrossAxisScrollExperiment() { | CODE |
| LOW | …/src/app/(private)/experiments/drawer/touch-ignore.tsx | 15 | export default function DrawerTouchIgnoreExperiment() { | CODE |
| LOW | …private)/experiments/drawer/virtual-keyboard-aware.tsx | 90 | export default function DrawerVirtualKeyboardAwareExperiment() { | CODE |
| LOW | docs/src/app/(private)/experiments/tooltip/disabled.tsx | 9 | export default function TooltipDetachedTriggersSimpleDemo() { | CODE |
| LOW | …/src/app/(private)/experiments/tooltip/transitions.tsx | 23 | export default function TooltipTransitionExperiment() { | CODE |
| LOW | …rc/app/(private)/experiments/forms/button-controls.tsx | 13 | function PullRequestsCheckboxGroup() { | CODE |
| LOW | …c/app/(private)/experiments/dialog/unmount-remount.tsx | 10 | export default function DialogUnmountRemountExperiment() { | CODE |
| LOW | …(private)/experiments/collapsible/animate-presence.tsx | 7 | export default function CollapsibleAnimatePresence() { | CODE |
| LOW | …pp/(private)/experiments/menu/pointer-events-scope.tsx | 52 | export default function PointerEventsScopeExperiment() { | CODE |
| LOW | …src/app/(private)/experiments/menu/complex-nesting.tsx | 6 | export default function MenuComplexNestingExperiment() { | CODE |
| LOW | …pp/(private)/experiments/menu/default-open-submenu.tsx | 11 | export default function DefaultOpenSubmenuExperiment() { | CODE |
| LOW | …app/(private)/experiments/menu/dialog-trigger-item.tsx | 8 | export default function MenuDialogTriggerItemExperiment() { | CODE |
| LOW | …/(private)/experiments/menu-filter/filtering-scope.tsx | 6 | export default function MenuFilteringScopeExperiment() { | CODE |
| LOW | …ps/demos/prevent-base-ui-handler/css-modules/index.tsx | 7 | export default function ExamplePreventBaseUIHandler() { | CODE |
| LOW | …popover-motion-keep-mounted-true/css-modules/index.tsx | 8 | export default function AnimatedPopoverMotionKeepMountedTrueDemo() { | CODE |
| LOW | …opover-motion-keep-mounted-false/css-modules/index.tsx | 7 | export default function AnimatedPopoverMotionKeepMountedFalseDemo() { | CODE |
| LOW | …drawer/demos/virtual-keyboard-aware/tailwind/index.tsx | 15 | export default function ExampleDrawerVirtualKeyboardAware() { | CODE |
| LOW | …wer/demos/virtual-keyboard-aware/css-modules/index.tsx | 16 | export default function ExampleDrawerVirtualKeyboardAware() { | CODE |
| LOW | …/otp-field/demos/custom-sanitize/css-modules/index.tsx | 21 | export default function OTPFieldCustomNormalizeDemo() { | CODE |
| LOW | …ltip/demos/detached-triggers-simple/tailwind/index.tsx | 8 | export default function TooltipDetachedTriggersSimpleDemo() { | CODE |
| LOW | …p/demos/detached-triggers-simple/css-modules/index.tsx | 8 | export default function TooltipDetachedTriggersSimpleDemo() { | CODE |
| LOW | …ooltip/demos/detached-triggers-full/tailwind/index.tsx | 8 | export default function TooltipDetachedTriggersFullDemo() { | CODE |
| LOW | …tip/demos/detached-triggers-full/css-modules/index.tsx | 8 | export default function TooltipDetachedTriggersFullDemo() { | CODE |
| LOW | …/demos/detached-triggers-controlled/tailwind/index.tsx | 8 | export default function TooltipDetachedTriggersControlledDemo() { | CODE |
| LOW | …mos/detached-triggers-controlled/css-modules/index.tsx | 8 | export default function TooltipDetachedTriggersControlledDemo() { | CODE |
| LOW | …s/autocomplete/demos/fuzzy-matching/tailwind/index.tsx | 6 | export default function ExampleFuzzyMatchingAutocomplete() { | CODE |
| LOW | …utocomplete/demos/fuzzy-matching/css-modules/index.tsx | 7 | export default function ExampleFuzzyMatchingAutocomplete() { | CODE |
| LOW | …s/autocomplete/demos/auto-highlight/tailwind/index.tsx | 4 | export default function ExampleAutocompleteAutoHighlight() { | CODE |
| LOW | …utocomplete/demos/auto-highlight/css-modules/index.tsx | 5 | export default function ExampleAutocompleteAutoHighlight() { | CODE |
| LOW | …ents/autocomplete/demos/virtualized/tailwind/index.tsx | 6 | export default function ExampleVirtualizedAutocomplete() { | CODE |
| LOW | …s/autocomplete/demos/virtualized/css-modules/index.tsx | 7 | export default function ExampleVirtualizedAutocomplete() { | CODE |
| LOW | …omponents/autocomplete/demos/inline/tailwind/index.tsx | 4 | export default function ExampleAutocompleteInline() { | CODE |
| LOW | …onents/autocomplete/demos/inline/css-modules/index.tsx | 5 | export default function ExampleAutocompleteInline() { | CODE |
| LOW | …alog/demos/detached-triggers-simple/tailwind/index.tsx | 12 | export default function AlertDialogDetachedTriggersSimpleDemo() { | CODE |
| LOW | …g/demos/detached-triggers-simple/css-modules/index.tsx | 8 | export default function AlertDialogDetachedTriggersSimpleDemo() { | CODE |
| LOW | …/demos/detached-triggers-controlled/tailwind/index.tsx | 14 | export default function AlertDialogDetachedTriggersControlledDemo() { | CODE |
| LOW | …mos/detached-triggers-controlled/css-modules/index.tsx | 10 | export default function AlertDialogDetachedTriggersControlledDemo() { | CODE |
| LOW | …card/demos/detached-triggers-simple/tailwind/index.tsx | 6 | export default function PreviewCardDetachedTriggersSimpleDemo() { | CODE |
| LOW | …d/demos/detached-triggers-simple/css-modules/index.tsx | 7 | export default function PreviewCardDetachedTriggersSimpleDemo() { | CODE |
| LOW | …w-card/demos/detached-triggers-full/tailwind/index.tsx | 55 | export default function PreviewCardDetachedTriggersFullDemo() { | CODE |
| LOW | …ard/demos/detached-triggers-full/css-modules/index.tsx | 56 | export default function PreviewCardDetachedTriggersFullDemo() { | CODE |
| LOW | …/demos/detached-triggers-controlled/tailwind/index.tsx | 55 | export default function PreviewCardDetachedTriggersControlledDemo() { | CODE |
| LOW | …mos/detached-triggers-controlled/css-modules/index.tsx | 56 | export default function PreviewCardDetachedTriggersControlledDemo() { | CODE |
| LOW | …nents/combobox/demos/async-multiple/tailwind/index.tsx | 5 | export default function ExampleAsyncMultipleCombobox() { | CODE |
| LOW | …ts/combobox/demos/async-multiple/css-modules/index.tsx | 6 | export default function ExampleAsyncMultipleCombobox() { | CODE |
| LOW | …ponents/combobox/demos/create-items/tailwind/index.tsx | 5 | export default function ExampleCreateItemsCombobox() { | CODE |
| 264 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | docs/src/app/(private)/experiments/toast.tsx | 21 | resolve({ name: 'John Doe', email: 'john@example.com' }); | CODE |
| LOW | docs/src/app/(private)/experiments/forms/autofill.tsx | 70 | placeholder="Jane Doe" | CODE |
| LOW | docs/src/app/(private)/experiments/dialog/nested.tsx | 31 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget sapien id dolor rutrum | CODE |
| LOW | docs/src/app/(private)/experiments/dialog/nested.tsx | 31 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget sapien id dolor rutrum | CODE |
| LOW | docs/src/app/(private)/experiments/popover/popovers.tsx | 23 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | CODE |
| LOW | docs/src/app/(private)/experiments/popover/popovers.tsx | 23 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | CODE |
| LOW | …private)/experiments/scroll-area/scroll-area-inset.tsx | 15 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor | CODE |
| LOW | …private)/experiments/scroll-area/scroll-area-inset.tsx | 15 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor | CODE |
| LOW | …private)/experiments/scroll-area/scroll-area-inset.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor | CODE |
| LOW | …private)/experiments/scroll-area/scroll-area-inset.tsx | 38 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor | CODE |
| LOW | …ckages/react/src/combobox/value/ComboboxValue.test.tsx | 862 | <Combobox.Value placeholder={<span data-testid="placeholder">Select an option</span>} /> | CODE |
| LOW | …ckages/react/src/combobox/value/ComboboxValue.test.tsx | 876 | expect(screen.getByTestId('placeholder')).toHaveTextContent('Select an option'); | CODE |
| LOW | packages/react/src/combobox/items/createItems.test.tsx | 1056 | <span data-testid="placeholder"> | CODE |
| LOW | packages/react/src/combobox/items/createItems.test.tsx | 1068 | expect(screen.getByTestId('placeholder')).toHaveTextContent('Choose an option'); | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 450 | alt="Jane Doe" | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 471 | expect(screen.getByRole('img', { name: 'Jane Doe' })).toHaveAttribute( | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 502 | alt="Jane Doe" | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 578 | <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src="avatar.png" /> | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 592 | expect(screen.getByRole('img', { name: 'Jane Doe' })).not.toBe(null); | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 600 | <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src="avatar.png" /> | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 621 | <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src={src} /> | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 647 | alt="Jane Doe" | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 1112 | <Avatar.Image src={DATA_URI} alt="Jane Doe" /> | CODE |
| LOW | packages/react/src/avatar/image/AvatarImage.test.tsx | 1136 | <Avatar.Image src="https://example.com/cached-avatar.png" alt="Jane Doe" /> | CODE |
| LOW | packages/react/src/select/value/SelectValue.test.tsx | 757 | placeholder={<span data-testid="placeholder">Select an option</span>} | CODE |
| LOW | packages/react/src/select/value/SelectValue.test.tsx | 762 | expect(screen.getByTestId('placeholder')).toHaveTextContent('Select an option'); | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | pnpm-workspace.yaml | 21 | # bare `>=`: an open range silently resolves to the newest major, which both breaks callers written | COMMENT |
| LOW | packages/utils/src/isHTMLElement.ts | 1 | // `@floating-ui/utils` is already a dependency and its check is the one | COMMENT |
| LOW | packages/utils/src/platform/engine.ts | 1 | import { lowerUserAgent } from './shared'; | COMMENT |
| LOW | …al-keyboard-provider/DrawerVirtualKeyboardProvider.tsx | 541 | const handleFocusIn = (event: FocusEvent) => { | COMMENT |
| LOW | packages/react/src/internals/prehydrationScript.stub.ts | 1 | // Shared browser-bundle replacement for the per-component `prehydrationScript.min.ts` files, | COMMENT |
| LOW | packages/react/src/internals/useAnchorPositioning.ts | 521 | let base: React.CSSProperties & Record<string, unknown>; | COMMENT |
| LOW | …/react/src/scroll-area/viewport/ScrollAreaViewport.tsx | 381 | // WebKit consumes a touch that catches an in-flight momentum scroll or | COMMENT |
| LOW | packages/react/src/menu/root/MenuRoot.tsx | 121 | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW⚡ | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 777 | // Step 3: Move mouse outside all previews | COMMENT |
| LOW⚡ | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 786 | // Step 4: Re-enter parent popup before it closes | COMMENT |
| LOW | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 797 | // Step 5: Hover child trigger again to re-open child | COMMENT |
| LOW | …/react/src/scroll-area/viewport/ScrollAreaViewport.tsx | 302 | // `onMouseEnter` doesn't fire upon load, so we need to check if the viewport is already | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW⚡ | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 777 | // Step 3: Move mouse outside all previews | COMMENT |
| LOW⚡ | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 786 | // Step 4: Re-enter parent popup before it closes | COMMENT |
| LOW | …s/react/src/preview-card/root/PreviewCardRoot.test.tsx | 797 | // Step 5: Hover child trigger again to re-open child | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/react/src/slider/root/SliderRoot.tsx | 200 | // This allows seamless integration with the most popular form libraries. | COMMENT |