A bold Neo-Brutalist / Pop modal with hard shadows and vibrant colors.
1const [isOpen, setIsOpen] = useState(false);23<button
npx zeroui@latest add modal-neo
npm install lucide-react
Create a new file and paste the following code:
"use client"; import React, { useEffect, useState } from "react"; import { X } from "lucide-react"; interface ModalNeoProps { isOpen: boolean; onClose: () => void; title?: string; children: React.ReactNode; color?: string; // hex or tailwind class for border/shadow className?: string; } export default function ModalNeo({ isOpen, onClose, title, children, color = "#facc15", className = "", }: ModalNeoProps) { // Implementation details... return ( // Component JSX... <div /> ); }