--- title: "#mui articles | Hashnode" description: "Explore 43 articles tagged #mui on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/mui" --- Tag # #mui 43 posts · 24 followers [Jack Li](https://hashnode.com/@linb) · [Nov 2](https://hashnode.com/posts/try-four-admin-templates-before-you-install-one/6ae8968366710869760c24d4) ### [Try four admin templates before you install one](https://crossui.hashnode.dev/try-four-admin-templates-before-you-install-one?utm_source=hashnode&utm_medium=feed) Four admin templates open in four browser tabs — antd, MUI, Mantine, shadcn. What to check once they are side by side: the pages nobody screenshots, how deep the components nest, where one theme colour goes, and what each one drags in. 6 min read · [crossui.hashnode.dev](https://crossui.hashnode.dev/try-four-admin-templates-before-you-install-one?utm_source=hashnode&utm_medium=feed) [Jack Li](https://hashnode.com/@linb) · [Sep 27](https://hashnode.com/posts/your-sx-prop-is-already-a-data-structure-and-almost-no-tool-treats-it-that-way/6ab9a51974aa97e575285b6f) ### [Your sx prop is already a data structure, and almost no tool treats it that way](https://crossui.hashnode.dev/your-sx-prop-is-already-a-data-structure-and-almost-no-tool-treats-it-that-way?utm_source=hashnode&utm_medium=feed) UI pull request review usually means reading a text diff, never seeing the result. Why that happens, and how to make looking as cheap as reading. 13 min read · [crossui.hashnode.dev](https://crossui.hashnode.dev/your-sx-prop-is-already-a-data-structure-and-almost-no-tool-treats-it-that-way?utm_source=hashnode&utm_medium=feed) [Syed Muhammad Ali](https://hashnode.com/@s-m-ali) · [Sep 26](https://hashnode.com/posts/mui-v9-theme-setup-in-next-js-16-full-2026-guide/6ab73660773665a43982bc94) ### [MUI v9 Theme Setup in Next.js 16: Full 2026 Guide](https://devstacked.hashnode.dev/mui-v9-theme-setup-in-next-js-16-full-2026-guide?utm_source=hashnode&utm_medium=feed) Learn the correct MUI v9 theme setup in Next.js 16 App Router — cache provider, custom theme, dark mode, and Google Fonts, step by step. 17 min read · [devstacked.hashnode.dev](https://devstacked.hashnode.dev/mui-v9-theme-setup-in-next-js-16-full-2026-guide?utm_source=hashnode&utm_medium=feed) [Vikash Kumar](https://hashnode.com/@thatonevikash) · [Jul 17](https://hashnode.com/posts/setup-nextjs-mui-with-create-next-mui/6a5a70e7613cd8febeff3cc0) ### [Setup Nextjs + MUI with create-next-mui](https://thatonevikash.hashnode.dev/setup-nextjs-mui-with-create-next-mui?utm_source=hashnode&utm_medium=feed) Skip the manual setup steps to start with MUI for your upcoming projects.. 1 min read · [thatonevikash.hashnode.dev](https://thatonevikash.hashnode.dev/setup-nextjs-mui-with-create-next-mui?utm_source=hashnode&utm_medium=feed) [Jack Li](https://hashnode.com/@linb) · [Jul 13](https://hashnode.com/posts/editing-react-components-that-never-rendered/6a54f6d1eacae4932e4e1444) ### [Editing React components that never rendered](https://crossui.hashnode.dev/editing-react-components-that-never-rendered?utm_source=hashnode&utm_medium=feed) Learn how to inspect and edit React components that never render due to module evaluation failures. Discover a static analysis approach that works before React DevTools or the runtime can help. 6 min read · [crossui.hashnode.dev](https://crossui.hashnode.dev/editing-react-components-that-never-rendered?utm_source=hashnode&utm_medium=feed) [Jack Li](https://hashnode.com/@linb) · [Jun 22](https://hashnode.com/posts/why-we-rejected-the-export-and-fork-model-for-visual-ui-editing/6a3945d73485f5dd74485eca) ### [Why we rejected the export-and-fork model for visual UI editing](https://crossui.hashnode.dev/why-we-rejected-the-export-and-fork-model-for-visual-ui-editing?utm_source=hashnode&utm_medium=feed) Most visual UI editors export code, then you fork it by hand. We rejected that for React + MUI: edit on the AST, get clean one-line diffs, keep your source. Three honest patterns exist in visual UI editing — only one produces commits a senior engineer will merge. 9 min read · [crossui.hashnode.dev](https://crossui.hashnode.dev/why-we-rejected-the-export-and-fork-model-for-visual-ui-editing?utm_source=hashnode&utm_medium=feed) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [Apr 13](https://hashnode.com/posts/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record/69dd774b217f5dfcbd5db8a3) ### [MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record](https://chloezhou.dev/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record?utm_source=hashnode&utm_medium=feed) How I tracked down a shape-shifting UI bug caused by JSS and Emotion competing for insertion order in a single-spa microfrontend. 8 min read · [chloezhou.dev](https://chloezhou.dev/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record?utm_source=hashnode&utm_medium=feed) [Amit Gorasiya](https://hashnode.com/@amit-gorasiya) · [Jan 3](https://hashnode.com/posts/saasable-ui-kit-and-dashboard-template-v200-is-now-live/6958ffc17ffcab446e7fa2dc) ### [What's new in SaasAble v2.0.0?](https://blog.saasable.io/saasable-ui-kit-and-dashboard-template-v200-is-now-live?utm_source=hashnode&utm_medium=feed) A major upgrade to the SaasAble UI Kit & Admin Dashboard 3 min read · [blog.saasable.io](https://blog.saasable.io/saasable-ui-kit-and-dashboard-template-v200-is-now-live?utm_source=hashnode&utm_medium=feed) [Vaibhav Gupta](https://hashnode.com/@vaibhavg) · [Sep 12, 2025](https://hashnode.com/posts/modernize-open-source-react-admin-dashboard-template/68c3bd6271f67bcbe6422f49) ### [Modernize Open Source React Admin Dashboard Template](https://vaibhavg.hashnode.dev/modernize-open-source-react-admin-dashboard-template?utm_source=hashnode&utm_medium=feed) Modernize is an open-source React MUI admin template with both Free and Pro versions. 4 min read · [vaibhavg.hashnode.dev](https://vaibhavg.hashnode.dev/modernize-open-source-react-admin-dashboard-template?utm_source=hashnode&utm_medium=feed) [史展硕](https://hashnode.com/@oldhelps) · [Aug 15, 2025](https://hashnode.com/posts/a-great-ui-librarymui/689ee302ece4aeef5ad913c3) ### [A Great UI Library:MUI](https://ohen.hashnode.dev/a-great-ui-librarymui?utm_source=hashnode&utm_medium=feed) MUI was called Material UI formely.It was indexed by the famous React Cookbook. By Using MUI,we can build React.js projects in Material Design Style. Notice: If you are in Mainland China,I srongly recommand you install the cnpm package manager by ... 1 min read · [ohen.hashnode.dev](https://ohen.hashnode.dev/a-great-ui-librarymui?utm_source=hashnode&utm_medium=feed)