{"id":26110159,"url":"https://github.com/gmrchk/swup","last_synced_at":"2025-03-10T00:01:33.222Z","repository":{"id":38985733,"uuid":"106345099","full_name":"swup/swup","owner":"swup","description":"Versatile and extensible page transition library for server-rendered websites 🎉","archived":false,"fork":false,"pushed_at":"2025-02-11T13:08:42.000Z","size":144010,"stargazers_count":4805,"open_issues_count":2,"forks_count":201,"subscribers_count":38,"default_branch":"main","last_synced_at":"2025-03-02T08:38:26.789Z","etag":null,"topics":["animation","javascript","page-transitions","router","transition","view-transitions"],"latest_commit_sha":null,"homepage":"https://swup.js.org","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/swup.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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},"funding":{"github":["gmrchk","daun","hirasso"],"open_collective":"swup"}},"created_at":"2017-10-09T23:19:14.000Z","updated_at":"2025-03-01T17:26:09.000Z","dependencies_parsed_at":"2023-09-22T20:25:40.938Z","dependency_job_id":"eeaaf4bd-8726-4ea7-8342-62471206b1f6","html_url":"https://github.com/swup/swup","commit_stats":{"total_commits":1567,"total_committers":17,"mean_commits":92.17647058823529,"dds":0.3446075303126994,"last_synced_commit":"39afd30c1fe4650bad59c26220e0a8e5de777000"},"previous_names":["gmrchk/swup"],"tags_count":45,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swup%2Fswup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swup%2Fswup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swup%2Fswup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swup%2Fswup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/swup","download_url":"https://codeload.github.com/swup/swup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242768078,"owners_count":20182099,"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":["animation","javascript","page-transitions","router","transition","view-transitions"],"created_at":"2025-03-10T00:01:12.539Z","updated_at":"2025-03-10T00:01:33.200Z","avatar_url":"https://github.com/swup.png","language":"TypeScript","funding_links":["https://github.com/sponsors/gmrchk","https://github.com/sponsors/daun","https://github.com/sponsors/hirasso","https://opencollective.com/swup"],"categories":["Typescript / Javascript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n**swup 4 is released  🎉  Check out the [release notes](https://swup.js.org/announcements/swup-4/) and [upgrade guide](https://swup.js.org/getting-started/upgrading/).**\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"280\" alt=\"swup\" src=\"https://swup.js.org/assets/images/swup-logo.svg\"\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![npm version](https://img.shields.io/npm/v/swup.svg)](https://www.npmjs.com/package/swup)\n[![Bundle size](https://img.shields.io/bundlejs/size/swup?exports=default%20as%20Swup\u0026label=size)](https://bundlejs.com/?q=swup\u0026treeshake=%5B%7B+default+%7D%5D)\n[![npm downloads](https://img.shields.io/npm/dt/swup.svg)](https://www.npmjs.com/package/swup)\n[![Test status](https://img.shields.io/github/actions/workflow/status/swup/swup/e2e-tests.yml?branch=main\u0026label=tests)](https://github.com/swup/swup/actions/workflows/e2e-tests.yml)\n[![License](https://img.shields.io/github/license/swup/swup.svg)](https://github.com/swup/swup/blob/main/LICENSE)\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n# Swup\n\nVersatile and extensible **page transition library** for server-rendered websites.\n\n[Features](#features) •\n[Demos](#demos) •\n[Plugins](#plugins) •\n[Themes](#themes) •\n[Documentation](https://swup.js.org/getting-started) •\n[Discussions](https://github.com/swup/swup/discussions)\n\n## Overview\n\nSwup adds **page transitions** to server-rendered websites. It manages the complete page load lifecycle\nand smoothly animates between the current and next page. In addition, it offers many other\nquality-of-life improvements like **caching**, **smart preloading**, native **browser history** and\nenhanced **accessibility**.\n\nMake your site feel like a snappy single-page app — without any of the complexity.\n\n## Features\n\n- ✏️ Works out of the box with [minimal markup](https://swup.js.org/getting-started/example/)\n- ✨ Auto-detects [CSS transitions](https://swup.js.org/getting-started/how-it-works/) \u0026 animations for perfect timing\n- 🔗 Updates URLs and preserves native [browser history](https://swup.js.org/options/#animatehistorybrowsing)\n- 🏓 Manages the scroll position between pages and anchor links\n- 🚀 Uses a [cache](https://swup.js.org/api/cache/) to speed up subsequent page loads\n- 📡 Offers [hooks](https://swup.js.org/hooks/) to customize and extend the page load lifecycle\n- 🔌 Has a powerful [plugin system](https://swup.js.org/plugins/) and many official and third-party plugins\n- 🎨 Provides ready-to-go [themes](https://swup.js.org/themes/) to get started quickly\n\n## Demos\n\nExplore our [interactive demos](https://swup.js.org/getting-started/demos/) to see swup in action.\n\n## Documentation\n\nVisit our [official documentation](https://swup.js.org/getting-started) to learn more.\n\n## Plugins\n\nSwup is small by design. Extended features can be added via [plugins](https://swup.js.org/plugins/):\n\n- Display a [progress bar](https://swup.js.org/plugins/progress-plugin/) while loading\n- Enable [smooth scrolling](https://swup.js.org/plugins/scroll-plugin/) between visits\n- Update [meta tags and stylesheets](https://swup.js.org/plugins/head-plugin/) after page loads\n- Add support for [preloading pages](https://swup.js.org/plugins/preload-plugin/) in the background\n- Improve [accessibility](https://swup.js.org/plugins/a11y-plugin/) for screen readers\n- Perform your [animations in JS](https://swup.js.org/plugins/js-plugin/) instead of CSS transitions\n- Animate [form submissions](https://swup.js.org/plugins/forms-plugin/)\n- Get help in [debug mode](https://swup.js.org/plugins/debug-plugin/)\n\nCheck out the list of [official plugins](https://swup.js.org/plugins/) and [third-party integrations](https://swup.js.org/third-party-integrations/).\n\n## Themes\n\nGet started quickly with one of three official themes: [fade](https://swup.js.org/themes/fade-theme/),\n[slide](https://swup.js.org/themes/slide-theme/), and [overlay](https://swup.js.org/themes/overlay-theme/).\n\n## Examples\n\n\u003cimg src=\"https://user-images.githubusercontent.com/9338324/49190360-50125480-f372-11e8-89e9-d2fb091a2240.gif\" width=\"100%\"\u003e\n\nTake a look at the [interactive demos](https://swup.js.org/getting-started/demos/) and\n[sites using swup](https://github.com/swup/swup/discussions/333) for more examples.\n\n## Having trouble?\n\nIf you're having trouble implementing swup, check out the [Common Issues](https://swup.js.org/getting-started/common-issues/) section of the docs, look at [closed issues](https://github.com/swup/swup/issues?q=is%3Aissue+is%3Aclosed) or create a [new discussion](https://github.com/swup/swup/discussions/new).\n\n## Want to Contribute?\n\n[We're looking for maintainers!](https://github.com/swup/swup/discussions/424)   👀\n\nBecome a sponsor on [Open Collective](https://opencollective.com/swup) or support development through\n[GitHub sponsors](https://github.com/sponsors/gmrchk).\n\nThis project is tested with BrowserStack.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgmrchk%2Fswup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgmrchk%2Fswup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgmrchk%2Fswup/lists"}