405 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

3 articles · #suspense · showing 1-3

Dark code editor showing Next.js loading state component code

2026-07-15 · 8 min read

Next.js loading.tsx: Streaming, Suspense and Skeleton Loading States

Master Next.js 14+ loading.tsx, React Suspense, and skeleton UI patterns. Stream data, avoid layout shift, and build loading states users won't hate.

next.jsloading ui

Code editor showing React hooks and data fetching patterns on screen

2026-07-13 · 8 min read

React use() Hook: Data Fetching in Server and Client Components

React's use() hook lands in React 19 and changes how you fetch data in both server and client components. Here's what it does, where it helps, and where it doesn't.

Developer writing React code on a dark theme code editor

2026-06-24 · 8 min read

React Lazy Loading: Code Splitting, Suspense and the Right Way

React lazy loading with code splitting and Suspense cuts your initial bundle size dramatically. Here's the practical guide to doing it right without breaking your app.

react lazycode splitting

Free components in 41 visual styles

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

Browse components →