mui / mui/base-ui

[performance] Bundle size vs. Radix

Open
#3,688 2 comments 9 reactions 0 assignees View on GitHub
performance
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

## Reproducible example

1. Go to https://ui.shadcn.com/create
2. Export with Radix and Base UI
3. Use the new Next.js bundle size analyzer https://nextjs.org/docs/app/guides/package-bundling#nextjs-bundle-analyzer-experimental to compare both

## Current behavior

You will get:

Base UI 463.57 KB

Image

Radix 443.64 KB

Image

So Base UI is 20KB minified larger, while it benefits from utils deduplication relative to Radix since Radix imports Base UI Combobox. So we likely have a 30KB minified bloat problem. gzipped usualy /3 the size, so a +10KB gzipped issue.

## Expected behavior

Base UI is smaller.

## Base UI version

v1.0.0

## Additional context

Solving this would help convince people to migrate. I noticed this trying to compare the two https://www.notion.so/mui-org/2026-Shadcn-Radix-vs-Base-UI-demo-2dfcbfe7b6608090b851c5f6e1f60e95.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.