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

6 articles · #mobile · showing 1-6

mobile app on phone screen with code editor behind it

2026-11-08 · 9 min read

React Native in 2026: New Architecture, Expo 52 and Bridgeless

React Native's New Architecture is no longer optional. Here's what Expo 52, bridgeless mode, and the JSI mean for your mobile stack in 2026.

react nativeexpo

smartphone screen showing React app running natively on mobile device

2026-11-08 · 9 min read

Capacitor + React: Mobile Apps From Your Web Codebase

Ship iOS and Android apps from your existing React codebase using Capacitor. Full setup, native plugins, and real gotchas from production builds.

capacitormobile

frosted glass mobile bottom navigation bar on dark background

2026-10-13 · 8 min read

Glassmorphism Mobile Navigation: Bottom Tab Bar With Blur

Build a glassmorphism bottom tab bar with backdrop-filter blur, safe-area insets, and React - full CSS and component code inside.

glassmorphismmobile

laptop and smartphone displaying mobile navigation UI design

2026-08-29 · 8 min read

Mobile Navigation in Tailwind: Bottom Bar, Drawer, Hamburger

Three mobile nav patterns - bottom tab bar, slide-out drawer, hamburger menu - built entirely with Tailwind CSS and React. No extra libraries needed.

code editor screen showing React component UI on dark background

2026-07-24 · 8 min read

Floating Action Button (FAB) in React: Mobile-First Speed Dial

Build a production-ready Floating Action Button in React with Tailwind - including speed dial, animations, and mobile-first accessibility patterns that actually work.

fabfloating action button

Dark UI layout with sidebar navigation panel and nested menu items

2026-07-23 · 8 min read

Sidebar Navigation in React: Collapsible, Mobile Drawer, Nested

Build a production-ready React sidebar with collapsible panels, mobile drawer behavior, and nested nav - with real code you can copy straight into your project.

sidebarnavigation

Free components in 41 visual styles

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

Browse components →