{"id":13601662,"url":"https://github.com/tech-systems/panes","last_synced_at":"2025-05-15T07:03:53.544Z","repository":{"id":41233151,"uuid":"217775615","full_name":"tech-systems/panes","owner":"tech-systems","description":"🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.","archived":false,"fork":false,"pushed_at":"2024-10-07T01:37:56.000Z","size":36431,"stargazers_count":711,"open_issues_count":30,"forks_count":42,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-05-04T02:16:10.037Z","etag":null,"topics":["card","cordova","css-card","drawer","ionic","mobile","modal","pwa","sheet","touch","web3"],"latest_commit_sha":null,"homepage":"https://panejs.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/tech-systems.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"open_collective":"cupertino-pane"}},"created_at":"2019-10-26T22:14:44.000Z","updated_at":"2025-04-30T17:36:46.000Z","dependencies_parsed_at":"2023-02-17T20:15:27.945Z","dependency_job_id":"f83b1268-97a6-4683-8f72-9c4898253048","html_url":"https://github.com/tech-systems/panes","commit_stats":{"total_commits":448,"total_committers":15,"mean_commits":"29.866666666666667","dds":"0.044642857142857095","last_synced_commit":"1f3cf9800534311a1a35d19c1fbb72b9064f8f77"},"previous_names":["tech-systems/panes","roman-rr/cupertino-pane"],"tags_count":103,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tech-systems%2Fpanes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tech-systems%2Fpanes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tech-systems%2Fpanes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tech-systems%2Fpanes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tech-systems","download_url":"https://codeload.github.com/tech-systems/panes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252429974,"owners_count":21746574,"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":["card","cordova","css-card","drawer","ionic","mobile","modal","pwa","sheet","touch","web3"],"created_at":"2024-08-01T18:01:05.934Z","updated_at":"2025-05-15T07:03:53.513Z","avatar_url":"https://github.com/tech-systems.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n     \u003c!-- \u003cimg alt=\"Cupertino Panes is multi-functional modals, cards \u0026 panes with touch technologies\" src=\"docs/logo/logo-1-mini.jpg\" width=\"600\" /\u003e --\u003e\n     \u003cimg alt=\"Cupertino Panes is multi-functional modals, cards \u0026 panes with touch technologies\" src=\"docs/logo/logo-2-mini.png\" width=\"600\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://panejs.com/getting-started.html\"\u003eGet Started\u003c/a\u003e |\n  \u003ca href=\"https://panejs.com/demonstration.html\"\u003eDemonstration\u003c/a\u003e |\n  \u003ca href=\"https://panejs.com\"\u003eDocumentation\u003c/a\u003e\n\u003c/p\u003e\n\n# Cupertino Panes\n\n[![CircleCI](https://circleci.com/gh/tech-systems/panes.svg?style=svg)](https://circleci.com/gh/tech-systems/panes)\n![npm](https://img.shields.io/npm/v/cupertino-pane)\n![npm](https://img.shields.io/npm/dm/cupertino-pane?color=%23007DC5)\n![NPM](https://img.shields.io/npm/l/cupertino-pane?color=%23007DC5)\n[![Code Style](https://badgen.net/badge/icon/typescript?icon=typescript\u0026label)](https://www.typescriptlang.org/)\n[![Code Style](https://badgen.net/badge/code%20style/airbnb/ff5a5f?icon=airbnb)](https://github.com/airbnb/javascript)\n[![Financial Contributors on Open Collective](https://opencollective.com/cupertino-pane/all/badge.svg?label=financial+contributors)](https://opencollective.com/cupertino-pane)\n\n\n\u003c!-- \u003cimg src=\"https://user-images.githubusercontent.com/10646478/79794348-4846bc00-837c-11ea-8b74-7c71fac120aa.png\" \n     align=\"right\" alt=\"Cupertino Pane logo Roman Antonov\" width=\"260px\" height=\"421px\"\u003e --\u003e\n     \n### Cupertino Panes is multi-functional modals, cards \u0026 panes with touch technologies. \u003cbr\u003e\n\n#### One instance – Thousands solutions. \u003cbr\u003e\n\n* **Small.** 12kb (minified and gzipped bundle with all modules). No dependencies.\n* **Reusable.** Create your configuration once. Use everywhere.\n* **Modularized.** Add extra features to your panes and create own modules.\n* **Accelerated.** Hardware accelerated transitions and amazing native behavior.\n* **Progressive.** Useful for mobile/web/hybrid applications.\n\n\u003e Right like in Apple Maps, Apple Stocks, Apple Music and other modern apps.\n\n⭐ We appreciate your star, it helps!\n\n## Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/cupertino-pane/contribute)]\n\n#### Individuals\n\n\u003ca href=\"https://opencollective.com/cupertino-pane\"\u003e\u003cimg src=\"https://opencollective.com/cupertino-pane/individuals.svg?width=890\"\u003e\u003c/a\u003e\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/cupertino-pane/contribute)]\n\n\u003ca href=\"https://opencollective.com/cupertino-pane\"\u003e\u003cimg src=\"https://opencollective.com/cupertino-pane/organizations.svg?width=890\"\u003e\u003c/a\u003e\n\n## Demonstration\n- [Modal](https://panejs.com/demo/modal.html)\n- [Base](https://panejs.com/demo/base.html)\n- [Overflow Top](https://panejs.com/demo/overflow-top.html)\n- [Auto Height](https://panejs.com/demo/auto-height.html)\n- [Top-to-Bottom](https://panejs.com/demo/top-to-bottom.html)\n- [Synthwave](https://panejs.com/demo/synthwave.html)\n- [Picture-in-Picture](https://panejs.com/demo/picture-in-picture.html)\n- [Rich notifications](https://panejs.com/demo/rich-notifications.html)\n- [Z-stack full](https://panejs.com/demo/z-stack-full.html)\n- [Z-Stack simple](https://panejs.com/demo/z-stack-simple.html)\n- [3D Push](https://panejs.com/demo/3d-push.html)\n- [Backdrop drag-opacity](https://panejs.com/demo/backdrop-drag-opacity.html)\n- [Overflow Top-Middle](https://panejs.com/demo/overflow-top-middle.html)\n- [Draggable Over](https://panejs.com/demo/draggable-over.html)\n- [Prevent Dismiss](https://panejs.com/demo/prevent-dismiss.html)\n- [Follower](https://panejs.com/demo/follower.html)\n- [Apple Clips](https://panejs.com/demo/apple-clips.html)\n- [Starbucks](https://panejs.com/demo/starbucks.html)\n\n\u003cdiv style=\"display:flex;flex-wrap:wrap;\"\u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" height=\"433.59\" src=\"docs/images/custom-transitions.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" src=\"docs/images/picture-in-picture.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" src=\"docs/images/notifications.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" src=\"docs/images/z-stack.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" src=\"docs/images/overflow.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n  \u003cimg style=\"width: 200px;\" width=\"200\" src=\"docs/images/bulletin.gif?raw=true\" alt=\"Cupertino Pane - Roman Antonov\" \u003e\n\u003c/div\u003e\n\n## Docs \u0026 Guidelines\nDocumentation moved [here](https://panejs.com)\n\n## Future Goals\nProject under regularly maintanance and bug fixes. \nAll **new features** and **new investigations** moved to open collective [Goals](https://opencollective.com/cupertino-pane/conversations/all-goals-and-featured-packages-o60ddaqg)\n\n## Contributors\nWe are welcome contributions of all kinds from anyone. \nPlease review the [contributing](https://github.com/tech-systems/panes/blob/master/CONTRIBUTING.md) guideline.\n\nCommit Message Format [angular commit format](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-commit-message-format)\n\n## License\nLicensed under the MIT License. [View license](/LICENSE).\n","funding_links":["https://opencollective.com/cupertino-pane","https://opencollective.com/cupertino-pane/contribute","https://opencollective.com/cupertino-pane/conversations/all-goals-and-featured-packages-o60ddaqg"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftech-systems%2Fpanes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftech-systems%2Fpanes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftech-systems%2Fpanes/lists"}