503 guides · updated daily

The Empire UI blog

Practical guides on UI styles and effects - every article ships free, working React & Tailwind code.

All UI Styles Components React Tailwind Animation Tools Comparisons Design Systems Advanced

#react #css #tailwind #animation #glassmorphism #next.js #design #performance #accessibility #dark mode #css variables #framer motion #neumorphism #responsive #dashboard #saas #ecommerce #landing page #button #card #form #navigation #typography #gradient #patterns

2 articles · #bundle size · showing 1-2

colorful abstract data visualization chart on dark background

2026-09-28 · 8 min read

Bundle Size Analysis in React: webpack-bundle-analyzer, rollup-visualizer

Stop shipping mystery megabytes. Learn to use webpack-bundle-analyzer and rollup-visualizer to find exactly what's bloating your React app and cut it.

bundle sizeperformance

Developer comparing React UI library bundle size on multiple monitors

2026-07-28 · 8 min read

React UI Library Bundle Size Compared: shadcn, MUI, Mantine, Empire UI

We measured bundle sizes for shadcn/ui, MUI, Mantine, and Empire UI in 2026. Here's what actually ships to your users - and which library won't wreck your Lighthouse score.

bundle sizeperformance

Free components in 41 visual styles

React & Tailwind, copy-paste ready. Glassmorphism, neobrutalism, Y2K and more.

Browse components →