{"id":27136176,"url":"https://github.com/ghosh/Micromodal","last_synced_at":"2025-04-08T02:01:54.591Z","repository":{"id":39954069,"uuid":"99948385","full_name":"micromodal/Micromodal","owner":"micromodal","description":"⭕   Tiny javascript library for creating accessible modal dialogs","archived":false,"fork":false,"pushed_at":"2023-10-27T04:46:03.000Z","size":3158,"stargazers_count":3556,"open_issues_count":67,"forks_count":232,"subscribers_count":35,"default_branch":"master","last_synced_at":"2025-03-12T05:08:10.384Z","etag":null,"topics":["accessibility","javascript","modal","modal-dialogs","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://micromodal.now.sh/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/micromodal.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-08-10T17:24:03.000Z","updated_at":"2025-03-11T05:50:35.000Z","dependencies_parsed_at":"2023-02-06T11:16:50.087Z","dependency_job_id":"8633bc1f-f524-4404-9d4f-6b719bf3cbbd","html_url":"https://github.com/micromodal/Micromodal","commit_stats":{"total_commits":444,"total_committers":38,"mean_commits":11.68421052631579,"dds":"0.32432432432432434","last_synced_commit":"2a316150d12b3f3a0540762ee77dcb7247c6518a"},"previous_names":["micromodal/micromodal","ghosh/micromodal"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micromodal%2FMicromodal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micromodal%2FMicromodal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micromodal%2FMicromodal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micromodal%2FMicromodal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/micromodal","download_url":"https://codeload.github.com/micromodal/Micromodal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247761147,"owners_count":20991545,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["accessibility","javascript","modal","modal-dialogs","vanilla-javascript"],"created_at":"2025-04-08T02:01:53.919Z","updated_at":"2025-04-08T02:01:54.567Z","avatar_url":"https://github.com/micromodal.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","CSS"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://www.dropbox.com/s/tbaooyi4yh8pbi7/logo.png?raw=1\" width=\"100px\"/\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003e\n  Micromodal.js\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/made%20with-love-E760A4.svg\" alt=\"Made with love\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\" target=\"_blank\" rel=\"noopener\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/micromodal\" target=\"_blank\" rel=\"noopener\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/micromodal.svg\" alt=\"Package version\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Tiny, dependency-free javascript library for creating accessible modal dialogs\n\u003c/p\u003e\n\n---\n\n\u003cimg src=\"https://www.dropbox.com/s/8g7fr091tk8o62j/micromodal.gif?raw=1\" width=\"100%\"\u003e\n\nThe aim of this library is to make modal dialogs accessible and easy to include in your project with minimum configuration. It's only ~1.8kb minified and gzipped - A tiny library for big change.\n\n**[Demo and documentation](https://micromodal.now.sh/)**\n\n**[Codepen example](https://codepen.io/pen?template=LEYmYWy)**\n\n\u0026nbsp;\n\n## Features\n✔ Toggles relevant aria attributes on open and close\n\n✔ Closes modal on overlay click\n\n✔ Closes modal on pressing the `esc` key\n\n✔ Traps tab focus within the modal\n\n✔ Focuses on the first focusable element within the modal\n\n✔ Retains the focused element state after closing the modal\n\n\u0026nbsp;\n\n## Installation\n\n**via npm**\n```shell\nnpm install micromodal --save\n```\n\n**via yarn**\n```shell\nyarn add micromodal\n```\n\n**via CDN direct link**\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/micromodal/dist/micromodal.min.js\"\u003e\u003c/script\u003e\n\u003c!-- or --\u003e\n\u003cscript src=\"https://unpkg.com/micromodal/dist/micromodal.min.js\"\u003e\u003c/script\u003e\n```\n\n**direct download**\n```shell\ncurl -O -L https://unpkg.com/micromodal/dist/micromodal.min.js\n```\n\n\u0026nbsp;\n\n## IE 11 and below\n\nPlease use this pollyfill suggested [here](https://github.com/ghosh/Micromodal/issues/49#issuecomment-424213347).\n\n\u0026nbsp;\n\n## Changelog\n\nFind the latest changelog [here](https://github.com/ghosh/micromodal/blob/master/CHANGELOG.md).\n\n\u0026nbsp;\n\n## Contributing\n\nWe are always open and invite developers to contribute to Micromodal. We have kept the guidelines and process dead simple, so you invest more time in making modals accessible to all.\n\nMicromodal follows the [standardjs](https://standardjs.com/) coding standard and is part of our `package.json` file. It will help us to maintain consistency in the code base.\n\n#### Development setup\n1. Clone Github repo `$ git clone https://github.com/ghosh/micromodal.git`\n2. Install `yarn` package manager (Read [installation guide](https://yarnpkg.com/en/docs/install#mac-tab))\n3. Run `yarn install` in the root folder to install all dependencies\n4. Run `yarn dev` to start a dev server. This serves the example directory and live reloads when any files are changed\n5. [Optional] Run `yarn build` to build the files for distribution. This is run automatically as a pre-commit hook as well.\n6. Send us pull request and chill\n\n#### Pushing a new version\n\nFirst, you must be authorized on npmjs.com. Then:\n\n1. Update the npm package:\n  - Update the version in `lib/package.json`\n  - `yarn deploy:npm`\n\n2. Update the changelog.\n\n3. Commit and push changes\n\n4. Tag the version in git:\n  - `git tag -a X.Y.Z`\n  - Add the same text as the changelog to the tag description\n  - `git push origin X.Y.Z`\n\n5. Create a new release in Github: https://github.com/micromodal/micromodal/releases\n\n\u0026nbsp;\n\n## Want to be a core maintainer?\n\nWe are looking for more maintainers for Micromodal. If you are interested, and you have at least some free time to spend on this, reach out to @dkniffin.\n\n\u0026nbsp;\n\n## Licensing\nThis project is licensed under [MIT license](https://opensource.org/licenses/MIT).\n\n\u0026nbsp;\n\n## Related\n- [Microtip](https://github.com/ghosh/microtip) - Modern, lightweight, accessible css tooltip library. Just 1kb.\n\n\u0026nbsp;\n\n## Created and maintained by\n\nDerek Kniffin – [@dkniffin](https://github.com/dkniffin) 🇺🇸\n\nIndrashish Ghosh – [@_ighosh](https://twitter.com/_ighosh) 🇮🇳\n\nKalpesh Singh - [@knowkalpesh](https://twitter.com/knowkalpesh) 🇮🇳\n\nDarpan Kakadia - [@kakadiadarpan](https://twitter.com/kakadiadarpan) 🇩🇪\n\nContributors - [list](https://github.com/ghosh/micromodal/graphs/contributors) 🌐\n\nYou? - Open a PR to get started!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghosh%2FMicromodal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fghosh%2FMicromodal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghosh%2FMicromodal/lists"}