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 · #url state · showing 1-3

browser address bar showing URL query parameters on a dark screen

2026-08-19 · 8 min read

URL State in React: nuqs, useSearchParams and the Right Patterns

Stop losing filter state on reload. Learn how to sync React state to the URL with nuqs, useSearchParams, and patterns that actually hold up in production.

developer writing React code on a dark monitor screen

2026-07-23 · 9 min read

Data Table Filters in React: Column Filter, Global Search, URL State

Build production-grade React data table filters - column-level filters, global search, and URL-synced state - using TanStack Table v8 and React Router.

data tablefilter

Developer writing React pagination code on a monitor display

2026-07-03 · 8 min read

Pagination in React: Controlled, Infinite Scroll, URL-Based

Three real pagination patterns for React - controlled state, infinite scroll, and URL-based - with code, tradeoffs, and when to pick each one.

paginationreact

Free components in 41 visual styles

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

Browse components →