263 Components

Noira UI

A curated collection of production-ready React components built with Tailwind CSS. Dark mode by default. Copy-paste ready.

Animations

28 components

Border beams, meteors, particles, shimmer, gradient text, blur-fade, confetti & more

Buttons

27 components

Shimmer, rainbow, pulsating, magnetic, glow, neobrutal & classic variants

Cards

18 components

Neon gradient, magic card, tweet, shine border, spotlight & classic cards

Modals & Dialogs

10 components

Dialog overlays, confirmations, and slide-in panels

Navigation

15 components

Headers, sidebars, breadcrumbs, and mega-menus

Forms & Inputs

20 components

Text, select, checkbox, radio, toggle, and range inputs

Tabs

10 components

Horizontal, vertical, pill, and underline tab variants

Accordions

10 components

Expandable sections, FAQ-style, and nested accordions

Alerts & Toasts

10 components

Info, success, warning, error alerts and toast notifications

Hero Sections

15 components

Landing page heroes, split layouts, and centered designs

Tables

10 components

Data tables, sortable, striped, and responsive tables

Avatars & Profiles

10 components

Avatar circles, groups, status indicators, and profiles

Badges & Tags

10 components

Status badges, pill tags, and notification dots

Loaders & Skeletons

15 components

Spinners, skeleton screens, and progress placeholders

Progress & Steps

10 components

Progress bars, steppers, and wizard indicators

Tooltips & Popovers

10 components

Hover tooltips, click popovers, and info panels

Dropdowns

10 components

Menu dropdowns, select menus, and context menus

Footers

10 components

Simple, multi-column, and newsletter footers

FAQ Sections

5 components

Accordion FAQ, grid FAQ, and centered layouts

Stats & Metrics

10 components

Counter cards, metric grids, number tickers, and dashboard stats