{"id":16125703,"url":"https://github.com/dy/placer","last_synced_at":"2026-03-03T22:31:23.602Z","repository":{"id":20080702,"uuid":"23349731","full_name":"dy/placer","owner":"dy","description":"Place any element relative to any other element the way you define","archived":false,"fork":false,"pushed_at":"2023-03-15T17:14:38.000Z","size":199,"stargazers_count":10,"open_issues_count":0,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-10-09T15:42:33.866Z","etag":null,"topics":["adjust","floating-ui","nanopop","popper","popup","positioning","satellite","tether"],"latest_commit_sha":null,"homepage":"https://dy.github.io/placer","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license","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":"2014-08-26T11:49:04.000Z","updated_at":"2023-09-03T00:59:01.000Z","dependencies_parsed_at":"2024-10-09T21:31:01.916Z","dependency_job_id":"f055dcb4-6c34-4580-ad08-c769cd289ee6","html_url":"https://github.com/dy/placer","commit_stats":null,"previous_names":["dfcreative/placer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dy/placer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dy%2Fplacer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dy%2Fplacer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dy%2Fplacer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dy%2Fplacer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dy","download_url":"https://codeload.github.com/dy/placer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dy%2Fplacer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30064290,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-03T18:21:05.932Z","status":"ssl_error","status_checked_at":"2026-03-03T18:20:59.341Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["adjust","floating-ui","nanopop","popper","popup","positioning","satellite","tether"],"created_at":"2024-10-09T21:30:48.835Z","updated_at":"2026-03-03T22:31:23.584Z","avatar_url":"https://github.com/dy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Placer \n\nPlace any two DOM elements in a way you like. Mainly needed for dropdowns, tooltips, modals, notifiers and any kind of overlays.\n\n[Demo \u0026 tests](https://dy.github.io/placer)\n\n\n## Usage\n\n[![npm install placer](https://nodei.co/npm/placer.png?mini=true)](https://npmjs.org/package/placer/)\n\n\n```js\nvar place = require('placer');\n\nplace(element, {\n\ttarget: otherElement,\n\tside: 'top',\n\talign: 'left',\n\twithin: '.holder'\n})\n```\n\n## Options\n\n| Parameter | Default | Description |\n|----|:---:|----|\n| `target` | `window` | An area to align element relative to. |\n| `side` | `undefined` | The side to place element: 'center', 'top', 'left', 'bottom', 'right' or 'auto'. |\n| `align` | `'left'` | Alignment, 0..1 or one of the sides keywords. |\n| `within` | `window` | Restriction area. |\n\n## Alternatives\n\n* [adjust](https://www.npmjs.com/package/adjust)\n* [tether](https://github.com/HubSpot/tether)\n* [positions](https://github.com/QubitProducts/positions)\n* [positionining](https://github.com/mattlewis92/positioning#readme)\n* [popper](https://popper.js.org/)\n* [satellite](https://github.com/jkroso/satellite)\n* [nanopop](https://github.com/Simonwep/nanopop)\n* [floating-ui](https://github.com/atomiks/floating-ui)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdy%2Fplacer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdy%2Fplacer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdy%2Fplacer/lists"}