503 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 · #plugin · showing 1-2

developer writing declarative CSS animation code in dark editor

2026-11-06 · 8 min read

tailwindcss-motion Plugin: Declarative Animations in Tailwind

tailwindcss-motion brings declarative, utility-first animations to Tailwind - no custom keyframes, no JavaScript. Here's how to actually use it.

tailwindanimation

Code editor showing Tailwind CSS plugin configuration and utility classes

2026-07-18 · 8 min read

Writing a Tailwind CSS Plugin: addComponents, addUtilities, matchUtilities

Learn how to write Tailwind CSS plugins from scratch - addComponents, addUtilities, matchUtilities, and theme() access explained with real working code.

Free components in 41 visual styles

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

Browse components →