197 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 · Animation · #animation

Colorful glowing typography with animated gradient light sweep effect

CSS Text Animations: Typewriter, Gradient Sweep, Reveal and More

Master CSS text animations in 2026 — typewriter effects, gradient sweeps, and cinematic reveals with clean, copy-paste code examples you'll actually use.

css textanimation

colorful gradient animation frames displayed on a dark screen

CSS @keyframes: The Complete Guide (Including the Parts Docs Skip)

Master CSS @keyframes from syntax basics to the timing tricks MDN glosses over. Real examples, gotchas, and patterns that actually hold up in production.

css keyframesanimation

Abstract animated gradient lines representing smooth CSS scroll animation flow

CSS Scroll Animations in 2026: @scroll-timeline, animation-timeline and View Transitions

Scroll-driven animations are now native CSS in 2026. Here's how @scroll-timeline, animation-timeline, and View Transitions actually work in production.

css scrollanimation

Free components in 40 visual styles

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

Browse components →