An animated popup window for explainers, lead generation, forms, etc.
modal
1 2 3 4 5 6 7 8 9 import Modal from "@/components/modal"; export default function Component() { const [isModalOpen, setIsModalOpen] = useState(false); return ( <Modal isOpen={isModalOpen} setIsOpen={setIsModalOpen} /> ); }
Tips
  • Try to cover an potential objections your visitors might have. For instance, if you're selling a course, you might want to add a question about the refund policy.
Updated on: Tuesday, June 21, 2024
Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.