nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Modal
    • Popover
    • Dropdown menu
    • Cookie banner
    • Confirm dialogPro
    • DrawerPro
    • Command palettePro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Overlays

ModalFree

A centred dialog over a blurred backdrop; Esc or a click outside closes it.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add modal

Usage

import { Modal } from "@/components/nex-ui/modal";

<Modal
  trigger="Open dialog"
  title="Publish changes?"
  text="Your edits go live for everyone right away."
  confirm="Publish"
  cancel="Cancel"
/>
PreviousCard paymentNextPopover