Skip to content

[feature-request]: modals & popups for newsletter, cookie consent, and exit intent #27

@GopalVerma1303

Description

@GopalVerma1303

Description

A collection of versatile modals & popups that handle different use cases such as newsletter sign-ups, cookie consent banners, and exit-intent prompts.

Use Case

  • Websites needing GDPR-compliant cookie consent popups.
  • SaaS and e-commerce sites increasing conversions with exit-intent popups.
  • Blogs and newsletters capturing leads via newsletter modals.

Proposed Solution

  • Newsletter Modal – Simple email capture form.
  • Cookie Consent Banner – Customizable text with accept/reject options.
  • Exit Intent Popup – Triggered when users attempt to leave the page.
  • Smooth animations with Framer Motion.
  • Configurable close actions (Esc key, outside click, timer-based).

Alternatives Considered

  • Using third-party popup tools – but they limit customization.
  • Custom-building modals – but they require extra setup.

Benefits

  • Increases user engagement and lead conversion.
  • Ensures compliance with cookie laws.
  • Enhances UI/UX with lightweight, customizable modals.

Implementation Details

  • Before starting development, a Figma design must be provided for approval.
  • Built using Next.js, Tailwind CSS, and Framer Motion.
  • Configurable via props for content, triggers, and actions.

Additional Context

Future expansions can include A/B testing, animations, and pre-built themes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    blockIssue or feature request related to blocks of UI components that we offermediumIssue of medium difficulty levelpwocPEC Winter Of Code

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions