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

2 articles · #optimisation · showing 1-2

abstract colorful digital image compression layers representing web performance

2026-07-27 · 8 min read

Image Optimisation in 2026: WebP, AVIF, Lazy Load and LCP

WebP, AVIF, lazy loading, and LCP - everything you actually need to know about image optimisation in 2026, with real code and no hand-waving.

imageoptimisation

developer reviewing image optimisation code on a laptop screen

2026-07-13 · 9 min read

Next.js Image Optimisation: next/image Deep Dive - Every Prop Explained

Every prop in next/image explained with real code - from lazy loading and LCP priority to blur placeholders, remote patterns, and responsive sizes.

Free components in 41 visual styles

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

Browse components →