{"id":21832780,"url":"https://github.com/boss294/neopopup","last_synced_at":"2026-05-09T00:49:34.886Z","repository":{"id":264699227,"uuid":"894128709","full_name":"BOSS294/NeoPopup","owner":"BOSS294","description":"NeoPopup is a modern, customizable, and responsive 3D popup module designed for sleek and professional web interfaces. With options for themes, animations, and customization, this module makes adding a stunning popup to your website effortless.","archived":false,"fork":false,"pushed_at":"2024-11-25T20:11:30.000Z","size":190,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T13:54:23.837Z","etag":null,"topics":["css","html","internal-development","javascript","javascript-applications","js","modernpopup","module","neopopup","popup","webdevelopment","website"],"latest_commit_sha":null,"homepage":"https://boss294.github.io/NeoPopup/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BOSS294.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-25T20:03:04.000Z","updated_at":"2024-11-26T21:07:28.000Z","dependencies_parsed_at":"2024-11-25T21:23:12.111Z","dependency_job_id":"b64d8470-4753-4d05-a2f8-cf49b08c7d99","html_url":"https://github.com/BOSS294/NeoPopup","commit_stats":null,"previous_names":["boss294/neopopup"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BOSS294/NeoPopup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FNeoPopup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FNeoPopup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FNeoPopup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FNeoPopup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BOSS294","download_url":"https://codeload.github.com/BOSS294/NeoPopup/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BOSS294%2FNeoPopup/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32803625,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","internal-development","javascript","javascript-applications","js","modernpopup","module","neopopup","popup","webdevelopment","website"],"created_at":"2024-11-27T19:25:49.449Z","updated_at":"2026-05-09T00:49:34.866Z","avatar_url":"https://github.com/BOSS294.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NeoPopup - The Modern 3D Popup Module 🚀  \n\n[![Version](https://img.shields.io/badge/version-1.0.0-blue)](https://github.com/MayankChawdhari/NeoPopup)  \n[![License](https://img.shields.io/badge/license-MIT-brightgreen)](LICENSE)  \n[![Developer](https://img.shields.io/badge/author-Mayank%20Chawdhari-orange)](https://github.com/MayankChawdhari)  \n\nNeoPopup is a modern, customizable, and responsive 3D popup module designed for sleek and professional web interfaces. With options for themes, animations, and customization, this module makes adding a stunning popup to your website effortless.\n\n---\n\n## Features 🌟  \n- **3D Popup Design**: Eye-catching 3D animations for modern UI.  \n- **Customizable**: Easily adjust text, colors, size, theme, and more.  \n- **Auto-Close**: Optional auto-close functionality with customizable duration.  \n- **Persistent Mode**: Remember user preferences using local storage.  \n- **Responsive**: Works seamlessly across devices and screen sizes.  \n- **Light/Dark Themes**: Built-in support for theme selection.  \n- **Positioning**: Display popups at any corner of the screen.  \n\n---\n\n## Preview 🎥  \n![image](https://github.com/user-attachments/assets/368cba4e-e624-48d4-8c29-4772baa06751)\n\n---\n\n## Installation 🔧  \n\nClone the repository or download the module files:  \n```bash\ngit clone https://github.com/BOSS294/NeoPopup.git\n```\n\nInclude the JavaScript file in your project:  \n```html\n\u003cscript src=\"path/to/developmentPopup.js\"\u003e\u003c/script\u003e\n```\n\n---\n\n## Usage 💡  \n\n### Basic Example  \n```javascript\ndevelopmentPopup.init({\n    title: \"Welcome to NeoPopup!\",\n    body: \"Thank you for exploring the modern 3D popup module.\",\n    buttonText: \"Learn More\",\n    buttonCallback: () =\u003e window.open('https://github.com/BOSS294/NeoPopup', '_blank'),\n});\n```\n\n---\n\n### Available Options  \n\n| Option          | Type          | Default              | Description                                                                 |\n|------------------|---------------|----------------------|-----------------------------------------------------------------------------|\n| `title`         | `string`      | `\"Under Development\"`| Title of the popup.                                                        |\n| `body`          | `string`      | `\"\u003cstrong\u003eOops!\u003c/strong\u003e\"`| Body content (HTML supported).                                             |\n| `buttonText`    | `string`      | `\"Check Latest Updates\"`| Text for the main button.                                                  |\n| `buttonCallback`| `function`    | `null`               | Callback function for the main button click.                               |\n| `position`      | `string`      | `\"bottom-right\"`     | Popup position: `top-right`, `top-left`, `bottom-right`, or `bottom-left`. |\n| `theme`         | `string`      | `\"dark\"`            | Theme for the popup: `dark` or `light`.                                    |\n| `colors`        | `object`      | `{}`                 | Custom colors: `{ background, text, button }`.                             |\n| `size`          | `object`      | `{}`                 | Size options: `{ width, height }`.                                         |\n| `animation`     | `string`      | `\"slide\"`           | Animation type.                                                            |\n| `autoClose`     | `boolean`     | `false`              | Automatically close the popup.                                             |\n| `closeDuration` | `number`      | `5000`               | Auto-close duration in milliseconds.                                       |\n| `persistent`    | `boolean`     | `false`              | Prevent popup from showing repeatedly using local storage.                 |\n\n---\n\n## Styling 🎨  \n\nTo include NeoPopup's built-in styling, ensure the following:  \n\n- The `DP-popup-wrapper` div is included in your HTML.\n- NeoPopup comes with **3D animations**, **shadow effects**, and customizable themes.  \n\nTo customize the design further, modify the included CSS:  \n```css\n.DP-popup-content {\n    background: linear-gradient(135deg, #4a90e2, #2a3b4c);\n}\n```\n\n---\n\n## Example with Persistent Mode  \n```javascript\ndevelopmentPopup.init({\n    title: \"We Value Your Feedback\",\n    body: \"Click below to share your thoughts!\",\n    buttonText: \"Give Feedback\",\n    buttonCallback: () =\u003e alert('Thank you!'),\n    persistent: true,\n});\n```\n\n---\n\n## Contributing 🤝  \n\nContributions are always welcome! Here's how you can help:  \n1. Fork the repository.  \n2. Create your feature branch: `git checkout -b feature/AmazingFeature`.  \n3. Commit your changes: `git commit -m \"Add some AmazingFeature\"`.  \n4. Push to the branch: `git push origin feature/AmazingFeature`.  \n5. Open a pull request.  \n\n---\n\n## Support 💬  \n\nFor any queries or feature requests:  \n- **Email**: [mayankchawdhari@gmail.com](mailto:mayankchawdhari@gmail.com)  \n- **GitHub Issues**: [NeoPopup Issues](https://github.com/BOSS294/NeoPopup/issues)  \n\n---\n\n## License 📄  \n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n---\n\n**Developed with ❤️ by [Mayank Chawdhari](https://github.com/BOSS294)**. 🚀  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboss294%2Fneopopup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboss294%2Fneopopup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboss294%2Fneopopup/lists"}