Application UI
Application components and full page examples — dashboards, settings, tables, modals and the shared authentication screens.
Application UI components
Activity feed componentsPowerful and customizable React activity feed components built for modern applications and websites. These activity feed components are built using React Aria and styled with Tailwind CSS.Activity gauge componentsPowerful and customizable React activity gauge components built for modern applications and websites. These activity gauges are built using Recharts and styled with Tailwind CSS.Alert componentsPowerful and customizable React alert components built for modern applications and websites. These alert components are built using React Aria and styled with Tailwind CSS.Breadcrumb componentsPowerful and customizable React breadcrumb components built for modern applications and websites. These breadcrumbs are built using React Aria and styled with Tailwind CSS.Calendar componentsPowerful and customizable React calendar components built for modern applications and websites. These calendars are built using React Aria and styled with Tailwind CSS.Card header componentsPowerful and customizable React card header components built for modern applications and websites. These card headers are built using React Aria and styled with Tailwind CSS.Carousel componentsFree and open-source React carousel components built for modern applications and websites. These carousels are built using Embla Carousel and styled with Tailwind CSS.Code snippet componentsPowerful and customizable React code snippet components built for modern applications and websites. These code snippet components are built using React Aria and styled with Tailwind CSS.Color picker componentsPowerful and customizable React color picker components built for modern applications and websites. These color pickers are built using React Aria and styled with Tailwind CSS.Command menu componentsPowerful and customizable React command menu components built for modern applications and websites. These command menus are built using React Aria and styled with Tailwind CSS.Content divider componentsPowerful and customizable React content divider components built for modern applications and websites. These content dividers are built using React Aria and styled with Tailwind CSS.Date picker componentsFree and open-source React date picker components built for modern applications and websites. These date pickers are built using React Aria and styled with Tailwind CSS.Drawer componentsPowerful and customizable React drawer components built for modern applications and websites. These drawers are built using React Aria and styled with Tailwind CSS.Empty state componentsPowerful and customizable React empty state components built for modern applications and websites. These empty states are built using React Aria and styled with Tailwind CSS.File upload componentsFree and open-source React file upload components built for modern applications and websites. These file uploaders are built using React Aria and styled with Tailwind CSS.Filter bar componentsPowerful and customizable React filter bar components built for modern applications and websites. These filter bars are built using React Aria and styled with Tailwind CSS.Gradient picker componentsPowerful and customizable React gradient picker components built for modern applications and websites. These gradient pickers are built using React Aria and styled with Tailwind CSS.Header navigation componentsFree and open-source React header navigation components built for modern applications and websites. These header navigations are built using React Aria and styled with Tailwind CSS.Image picker componentsPowerful and customizable React image picker components built for modern applications and websites. These image pickers are built using React Aria and styled with Tailwind CSS.Inline CTA componentsPowerful and customizable React inline CTA components built for modern applications and websites. These inline CTAs are built using React Aria and styled with Tailwind CSS.Line & bar chart componentsFree and open-source React line and bar chart components built for modern applications and websites. These line and bar charts are built using Recharts and styled with Tailwind CSS.Loading indicator componentsFree and open-source React loading indicator components built for modern applications and websites. These loading indicators are built using React Aria and styled with Tailwind CSS.Messaging componentsPowerful and customizable React messaging components built for modern applications and websites. These messaging components are built using React Aria and styled with Tailwind CSS.Metric componentsPowerful and customizable React metric components built for modern applications and websites. These metric components are built using React Aria and styled with Tailwind CSS.Modal componentsPowerful and customizable React modal components built for modern applications and websites. These modals are built using React Aria and styled with Tailwind CSS.Notification componentsPowerful and customizable React notification components built for modern applications and websites. These notifications are built using Sonner and styled with Tailwind CSS.Page header componentsPowerful and customizable React page header components built for modern applications and websites. These page headers are built using React Aria and styled with Tailwind CSS.Pagination componentsFree and open-source React pagination components built for modern applications and websites. These pagination components are built using React Aria and styled with Tailwind CSS.Pie chart componentsPowerful and customizable React pie chart components built for modern applications and websites. These pie charts are built using Recharts and styled with Tailwind CSS.Progress steps componentsPowerful and customizable React progress step components built for modern applications and websites. These progress steps are built using React Aria and styled with Tailwind CSS.Radar chart componentsPowerful and customizable React radar chart components built for modern applications and websites. These radar charts are built using Recharts and styled with Tailwind CSS.Section footer componentsPowerful and customizable React section footer components built for modern applications and websites. These section footers are built using React Aria and styled with Tailwind CSS.Section header componentsPowerful and customizable React section header components built for modern applications and websites. These section headers are built using React Aria and styled with Tailwind CSS.Sidebar navigation componentsFree and open-source React sidebar navigation components built for modern applications and websites. These sidebar navigations are built using React Aria and styled with Tailwind CSS.Tab componentsFree and open-source React tab components built for modern applications and websites. These tabs are built using React Aria and styled with Tailwind CSS.Table componentsFree and open-source React table components built for modern applications and websites. These tables are built using React Aria and styled with Tailwind CSS.Tree view componentsPowerful and customizable React tree view components built for modern applications. These tree views are built using React Aria and styled with Tailwind CSS.
Application UI examples
Dashboards with header navigationPowerful and customizable React dashboard examples with a horizontal header navigation layout, built for modern products and web apps. These dashboards are built using React Aria and styled with Tailwind CSS.Dashboards with sidebar navigationPowerful and customizable React dashboard examples with a vertical sidebar navigation layout, built for modern products and web apps. These dashboards are built using React Aria and styled with Tailwind CSS.Informational pages with header navigationPowerful and customizable React informational page examples with a horizontal header navigation layout, built for modern products and web apps. These informational pages are built using React Aria and styled with Tailwind CSS.Informational pages with sidebar navigationPowerful and customizable React informational page examples with a vertical sidebar navigation layout, built for modern products and web apps. These informational pages are built using React Aria and styled with Tailwind CSS.Settings pages with header navigationPowerful and customizable React settings page examples with a horizontal header navigation layout, built for modern products and web apps. These settings pages are built using React Aria and styled with Tailwind CSS.Settings pages with sidebar navigationPowerful and customizable React settings page examples with a vertical sidebar navigation layout, built for modern products and web apps. These settings pages are built using React Aria and styled with Tailwind CSS.
Shared page examples
404 sectionsPowerful and customizable React 404 sections built for modern applications and websites. These 404 sections are built using React Aria and styled with Tailwind CSS.Email templatesPowerful and customizable React email templates built for modern applications and websites. These email templates are built using React Aria and styled with Tailwind CSS.Forgot password pagesPowerful and customizable React password reset pages built for modern applications and websites. These password reset pages are built using React Aria and styled with Tailwind CSS.Log in pagesPowerful and customizable React log in pages built for modern applications and websites. These log in pages are built using React Aria and styled with Tailwind CSS.Sign up pagesPowerful and customizable React sign up pages built for modern applications and websites. These sign up pages are built using React Aria and styled with Tailwind CSS.Verification pagesPowerful and customizable React email verification pages built for modern applications and websites. These email verification pages are built using React Aria and styled with Tailwind CSS.