{"id":20926795,"url":"https://github.com/erlendellingsen/webswipe","last_synced_at":"2026-05-14T21:34:25.460Z","repository":{"id":68783740,"uuid":"108050858","full_name":"ErlendEllingsen/webswipe","owner":"ErlendEllingsen","description":"Swiping UI library for mobile web apps. Create beautiful swiping transitions for your web app.","archived":false,"fork":false,"pushed_at":"2017-10-24T17:51:26.000Z","size":23,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-18T20:11:00.216Z","etag":null,"topics":["cordova","history","javascript","mobile-web","navigation","page","page-history","page-navigation","page-transitions","swipe","touch","transitions","web","webapps"],"latest_commit_sha":null,"homepage":"","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/ErlendEllingsen.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":"2017-10-23T23:13:41.000Z","updated_at":"2020-02-13T13:53:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"4ab50e8b-1fe3-4471-a400-f027b5c6c06e","html_url":"https://github.com/ErlendEllingsen/webswipe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ErlendEllingsen/webswipe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ErlendEllingsen%2Fwebswipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ErlendEllingsen%2Fwebswipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ErlendEllingsen%2Fwebswipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ErlendEllingsen%2Fwebswipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ErlendEllingsen","download_url":"https://codeload.github.com/ErlendEllingsen/webswipe/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ErlendEllingsen%2Fwebswipe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33044175,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"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":["cordova","history","javascript","mobile-web","navigation","page","page-history","page-navigation","page-transitions","swipe","touch","transitions","web","webapps"],"created_at":"2024-11-18T20:42:31.710Z","updated_at":"2026-05-14T21:34:25.442Z","avatar_url":"https://github.com/ErlendEllingsen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# webswipe\n**WORK IN PROGRESS**\n\n\u003cimg src=\"https://i.imgur.com/CpfSE89.png\" width=\"300px\" alt=\"webswipe logo\"\u003e\n\n## What's webswipe?\n**w**ebswipe is a pure javascript library created for creating neat looking swiping-based page transitions for web applications. This is meant to replicate the user experienced many native applications have when \"swiping back\" in history on apps. \n\nMost modern popular applications have this, including Facebook Messenger, Snapchat, Reddit, Spotify, etc.\n\nI made this library because I after relatively extensive research found no existing decent libraries that perform this task. \n\n## Installation\nCurrently not accessible. Please wait until first release.\nAlternatively clone this project. \n\n## To do's\nAs written the project is WIP and has not reached an alpha stage. Contributors are more than welcome, but the to do's on this list is primarily a list of tasks I've written for myself.\n\n\n\n* **Done** \u003cs\u003eWhen a previous page is loaded, a callback should be called. (E.g. set further history)\u003c/s\u003e\n* **Done** \u003cs\u003eImplement a `setPreviousPage`-method (see above). Should work almost as `setPage` but should set previous div.\u003c/s\u003e\n* **Done** \u003cs\u003eImplement a `rapidForceThreshold`-option that should fire if a sudden but \"powerful\" swipe has been performed. This will cause the switch to trigger even though `pageSwitchThreshold` may not be reached.\u003c/s\u003e\n* Make sure that width of `activePage` stays the same even though moved. (Currently wrap-text triggers because element gets smaller). (Handle off screen width)\n* **Done** \u003cs\u003eImplement touch vs mouse detection\u003c/s\u003e\n* **Done** \u003cs\u003eImplement touch events (currently only mouse) (See above)\u003c/s\u003e\n* Create a better looking demo\n* Create usage guide\n\n## Contributions\nContributions are **more than welcome!** See the To do's above or add your own features. Submit a PR when you're ready to go! \n\n## Other similar/related work\nIn an effort to introduce some normal native functions to native web apps I have made some other libraries: [pull to reload for web apps](https://github.com/ErlendEllingsen/pull-to-reload) and [a tab bar system for web apps](https://github.com/ErlendEllingsen/app-tab-bar)\n\n## License\nMIT\n\nCopyright (c) 2017 Erlend Ellingsen","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferlendellingsen%2Fwebswipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferlendellingsen%2Fwebswipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferlendellingsen%2Fwebswipe/lists"}