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

6 articles · #radix ui · showing 1-6

Developer writing React code on a laptop with two browser windows open

2026-07-28 · 8 min read

shadcn/ui vs Radix UI: What's the Difference, Which Do You Need?

shadcn/ui is built on top of Radix UI - so which one do you actually install? Here's the real difference, and how to pick the right tool for your project.

Developer inspecting right-click context menu on a dark UI dashboard

2026-07-24 · 8 min read

Context Menu (Right-Click) in React: Radix, Custom and Accessible

Build right-click context menus in React with Radix UI or a custom hook. Covers positioning, keyboard nav, WAI-ARIA, and real-world usage patterns.

context menuright-click

Abstract colorful accordion-like folded layers representing UI component animation

2026-07-07 · 8 min read

Accordion in React: Radix vs Custom - Animated Height Transitions

Radix UI accordion vs rolling your own in React - animated height transitions, keyboard nav, and when each approach actually makes sense in 2026.

Developer working on a React component UI on a laptop screen

2026-07-02 · 8 min read

Tooltip in React: Floating-UI, Radix and Pure CSS Approaches

Three real approaches to React tooltips - pure CSS, Radix UI, and Floating-UI - with code, a11y gotchas, and when to reach for each one.

Code editor open showing React component dialog code on screen

2026-06-29 · 8 min read

React Modal / Dialog: Headless UI, Radix UI and the Vanilla Way

Headless UI vs Radix UI vs rolling your own React modal - here's what actually matters, with real code and honest trade-offs for 2026.

Developer writing React component code on a laptop screen

2026-06-29 · 8 min read

Dropdown Menu in React: Accessible, Animated, Keyboard-Ready

Build a fully accessible, animated React dropdown menu with keyboard navigation, ARIA roles, and smooth CSS transitions - without sacrificing DX or bundle size.

Free components in 41 visual styles

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

Browse components →