{"id":13653140,"url":"https://github.com/joeattardi/picmo","last_synced_at":"2025-09-27T07:31:44.618Z","repository":{"id":38186114,"uuid":"205214118","full_name":"joeattardi/picmo","owner":"joeattardi","description":"JavaScript emoji picker. Any app, any framework.","archived":true,"fork":false,"pushed_at":"2023-09-15T00:40:02.000Z","size":22013,"stargazers_count":1191,"open_issues_count":10,"forks_count":118,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-09-17T13:18:18.922Z","etag":null,"topics":["emoji","emoji-picker","javascript","twemoji","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://picmojs.com","language":"TypeScript","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/joeattardi.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":"FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"SUPPORTERS.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["joeattardi"]}},"created_at":"2019-08-29T17:16:25.000Z","updated_at":"2025-09-12T11:43:08.000Z","dependencies_parsed_at":"2024-11-22T22:01:10.597Z","dependency_job_id":null,"html_url":"https://github.com/joeattardi/picmo","commit_stats":{"total_commits":859,"total_committers":18,"mean_commits":47.72222222222222,"dds":"0.16647264260768335","last_synced_commit":"6566d9e3803f50c91257abd4b8b263ccef9454ef"},"previous_names":["joeattardi/emoji-button"],"tags_count":109,"template":false,"template_full_name":null,"purl":"pkg:github/joeattardi/picmo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeattardi%2Fpicmo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeattardi%2Fpicmo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeattardi%2Fpicmo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeattardi%2Fpicmo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joeattardi","download_url":"https://codeload.github.com/joeattardi/picmo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeattardi%2Fpicmo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276678859,"owners_count":25684805,"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","status":"online","status_checked_at":"2025-09-24T02:00:09.776Z","response_time":97,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["emoji","emoji-picker","javascript","twemoji","vanilla-javascript"],"created_at":"2024-08-02T02:01:06.366Z","updated_at":"2025-09-27T07:31:39.610Z","avatar_url":"https://github.com/joeattardi.png","language":"TypeScript","funding_links":["https://github.com/sponsors/joeattardi"],"categories":["JavaScript","TypeScript"],"sub_categories":[],"readme":"# PicMo\n\nAdd a fully featured emoji picker to your app with a few lines of code!\n\nFormerly known as [Emoji Button](https://emoji-button.js.org).\n\n\u003cimg width=\"390\" alt=\"PicMo screenshot\" src=\"https://user-images.githubusercontent.com/219285/167278644-0f00ffa8-8e26-449c-8aa5-130d5a4b3e2a.png\"\u003e\n\n## Features at a glance\n\n- It's just JavaScript, no frameworks or libraries required. This means you can use it in any app under any framework.\n- Emoji data is loaded once from a CDN and cached in the browser for subsequent sessions. \n- Use the default operating system emoji images or use an alternative renderer to use, for example, images from [Twemoji](https://twemoji.twitter.com).\n- Emojis are searchable by name or tags\n- Full support for skin tone variations where applicable\n- Remembers recently used emojis\n- Fully keyboard accessible\n- Includes light and dark themes, with the ability to extend them to create your own\n- Add custom images and GIFs!\n- Render inline on the page or as a popup\n\n## Demos and documentation\n\nDemos and full documentation, including the API and usage guide, is available at [https://picmojs.com](https://picmojs.com).\n\n## Installation\n\nAt a minimum, you need the core picker package. This gives you a picker that you can insert inline into an element on the page.\n\n```\nnpm install picmo\n```\n\n## Basic usage\n\n```javascript\nimport { createPicker } from 'picmo';\n\n// The picker must have a root element to insert itself into\nconst rootElement = document.querySelector('#pickerContainer');\n\n// Create the picker\nconst picker = createPicker({ rootElement });\n\n// The picker emits an event when an emoji is selected. Do with it as you will!\npicker.addEventListener('emoji:select', event =\u003e {\n  console.log('Emoji selected:', event.emoji);\n});\n```\n\n## Packages\n\nPicMo is made up of three packages:\n\n- [picmo](./packages/picmo): The core package that you use to create the picker.\n- [@picmo/popup-picker](./packages/popup-picker): Adds the ability to create a popup picker.\n- [@picmo/renderer-twemoji](./packages/renderer-twemoji): Adds support for rendering Twemoji images.\n\n## Contributors\n\nThank you so much to everyone who has contributed code to PicMo!\n\n\u003ca href=\"https://github.com/joeattardi/picmo/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=joeattardi/picmo\" /\u003e\n\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeattardi%2Fpicmo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoeattardi%2Fpicmo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeattardi%2Fpicmo/lists"}