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 · #intersection observer · showing 1-3

abstract colorful gradient numbers glowing on dark background

2026-08-14 · 8 min read

Animated Number Counter in React: Stats That Count Up on Scroll

Build a scroll-triggered animated number counter in React using Intersection Observer - no library needed, just clean hooks and requestAnimationFrame.

counteranimation

Developer coding React app on laptop screen with dark theme

2026-07-02 · 8 min read

Infinite Scroll in React: Intersection Observer vs React Query

Pick the wrong infinite scroll approach in React and you'll pay for it in jank and memory leaks. Here's how Intersection Observer and React Query compare - and when to use each.

react infinite scrollintersection observer

Browser window showing scroll-triggered UI animations on a dark screen

2026-06-22 · 8 min read

Intersection Observer in React: Scroll-Triggered Animations the Right Way

Learn how to wire up Intersection Observer in React for scroll-triggered animations without killing performance - custom hooks, cleanup, and real code included.

intersection observerreact

Free components in 41 visual styles

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

Browse components →