GitHub topics: page-transitions
YoussraElmortai/portfolio24
building my portfolio site 💻
Language: JavaScript - Size: 2.52 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 0 - Forks: 0
barbajs/barba
Create badass, fluid and smooth transitions between your website’s pages
Language: TypeScript - Size: 29.8 MB - Last synced at: about 19 hours ago - Pushed at: 5 months ago - Stars: 12,269 - Forks: 476
swup/swup
Versatile and extensible page transition library for server-rendered websites 🎉
Language: TypeScript - Size: 138 MB - Last synced at: 5 days ago - Pushed at: 14 days ago - Stars: 4,851 - Forks: 202
hypernym-studio/nuxt-gsap
GSAP module for Nuxt.
Language: TypeScript - Size: 896 KB - Last synced at: 9 days ago - Pushed at: 9 months ago - Stars: 308 - Forks: 13
swup/astro
Astro integration for swup 🚀
Language: TypeScript - Size: 525 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 113 - Forks: 2
giandomenicodisalvatore/use-inertia-simple-page-transition
React hook that triggers css transitions inside Inertia layouts
Language: JavaScript - Size: 7.81 KB - Last synced at: 9 days ago - Pushed at: about 2 years ago - Stars: 7 - Forks: 1
Steveeeie/react-page-transition
A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React
Language: TypeScript - Size: 3.43 MB - Last synced at: 1 day ago - Pushed at: 10 months ago - Stars: 450 - Forks: 25
bootscore/bs-preloader
WordPress plugin to add a preloader to Bootscore theme. Content will be shown when the page is fully loaded.
Language: PHP - Size: 230 KB - Last synced at: 8 days ago - Pushed at: 27 days ago - Stars: 6 - Forks: 3
illinois/next-page-transitions 📦
Simple and customizable page transitions for Next.js apps
Language: JavaScript - Size: 593 KB - Last synced at: 19 days ago - Pushed at: about 2 years ago - Stars: 547 - Forks: 39
ceeriil/simon
Portfolio Site
Language: TypeScript - Size: 83.8 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 3 - Forks: 0
ismamz/next-transition-router
Easily add animated transitions between pages using Next.js App Router and your favorite animation library.
Language: TypeScript - Size: 1.55 MB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 222 - Forks: 12
ObadaMoustafa/justice-matters
Human rights and political activities institution
Language: JavaScript - Size: 452 KB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 0 - Forks: 0
swup/forms-plugin
A swup plugin for submitting forms 📋
Language: TypeScript - Size: 1.16 MB - Last synced at: 6 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 3
PedroBern/react-tiger-transition
Full page transitions with react-router.
Language: JavaScript - Size: 82.9 MB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 488 - Forks: 26
swup/docs
Official swup documentation 📘
Language: JavaScript - Size: 31.1 MB - Last synced at: 6 days ago - Pushed at: 2 months ago - Stars: 12 - Forks: 35
sdras/page-transitions-travelapp
Travel App, Native-like Page Transitions
Language: Vue - Size: 3.36 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 1,722 - Forks: 203
Atuoha/page_transition
Article Project - Impl Flutter Custom & Staggered Page Transition Animation
Language: C++ - Size: 264 KB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0
MAGGIx1404/awwward-rebuild-SOTD--2
dummy link with backend....
Language: JavaScript - Size: 64.9 MB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 31 - Forks: 5
modularorg/modularload
□ Dead simple page transitions and lazy loading.
Language: JavaScript - Size: 34.2 KB - Last synced at: 13 days ago - Pushed at: over 3 years ago - Stars: 126 - Forks: 12
multimattia/astro-starter-blog
Personal blog. Using as testing ground for a bunch of web technologies.
Language: Astro - Size: 2.59 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 2 - Forks: 0
swup/js-plugin
A swup plugin for managing animations in JS 🎸
Language: TypeScript - Size: 906 KB - Last synced at: 6 days ago - Pushed at: 3 months ago - Stars: 23 - Forks: 5
swup/head-plugin
A swup plugin for updating the contents of the head tag 🐶
Language: TypeScript - Size: 1.39 MB - Last synced at: 6 days ago - Pushed at: 3 months ago - Stars: 7 - Forks: 12
A-FE/vue-transition.css
vue-transition animation
Language: CSS - Size: 10.8 MB - Last synced at: 17 days ago - Pushed at: about 7 years ago - Stars: 141 - Forks: 28
swup/progress-plugin
A swup plugin for displaying a progress bar ⏳
Language: TypeScript - Size: 1.02 MB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 7 - Forks: 5
swup/preload-plugin
A swup plugin for preloading pages to speed up navigation 🚀
Language: TypeScript - Size: 1.47 MB - Last synced at: 6 days ago - Pushed at: 3 months ago - Stars: 14 - Forks: 14
xavxyz/nextjs-page-transitions
Travel App, Native-like Page Transitions (:atom: with React & Next.js)
Language: JavaScript - Size: 1.44 MB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 459 - Forks: 49
swup/swupjs 📦
[DEPRECATED] Complete, flexible, easy to use page transition library - swup extension.
Language: JavaScript - Size: 938 KB - Last synced at: 10 days ago - Pushed at: over 2 years ago - Stars: 153 - Forks: 12
swup/gtm-plugin
A swup plugin for integrating Google Tag Manager 📈
Language: JavaScript - Size: 390 KB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0
swup/overlay-theme
A swup theme for showing an overlay during animations 🎨
Language: CSS - Size: 763 KB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 8 - Forks: 7
appleple/lookforward
A small library that helps you to create smooth transitions between pages with the easiest way
Language: JavaScript - Size: 1.48 MB - Last synced at: 8 days ago - Pushed at: almost 3 years ago - Stars: 303 - Forks: 22
swup/matomo-plugin
A swup plugin for integrating Matomo analytics 📈
Language: TypeScript - Size: 743 KB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 1 - Forks: 0
naikus/stage
A view management library for SPAs
Language: JavaScript - Size: 1.04 MB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 10 - Forks: 0
swup/ga-plugin
A swup plugin for integrating Google Analytics 📈
Language: JavaScript - Size: 449 KB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 2 - Forks: 2
swup/fade-theme
A swup theme for fade animations 🎨
Language: JavaScript - Size: 712 KB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 2 - Forks: 2
MartinRixham/Pieces
A collection of reuseable UI elements built with the Datum data binding library.
Language: JavaScript - Size: 7.98 MB - Last synced at: 24 days ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0
docsallover/barbajs-css-transition
This repository showcases the effective integration of Barba.js to create smooth, fluid animations between different pages of your website.
Language: SCSS - Size: 102 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0
swup/gia-plugin
A swup plugin for integrating Gia frontend components 🏭
Language: JavaScript - Size: 877 KB - Last synced at: 6 days ago - Pushed at: 7 months ago - Stars: 2 - Forks: 0
swup/slide-theme
A swup theme for slide and fade animations 🎨
Language: CSS - Size: 643 KB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 4 - Forks: 6
swup/debug-plugin
A swup plugin for debugging and helping in development 🚑
Language: TypeScript - Size: 553 KB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 0 - Forks: 3
swup/scroll-plugin
A swup plugin for smooth scrolling 🏄♂️
Language: TypeScript - Size: 1.35 MB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 3 - Forks: 8
ryanwiemer/gatsby-using-page-transitions
Gatsby example site using page transitions
Language: CSS - Size: 462 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 95 - Forks: 12
yukinoda/react-form-page-transition
Form Page Transitions in React
Language: JavaScript - Size: 752 KB - Last synced at: 27 days ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0
swup/livewire-plugin
A swup plugin for integrating Laravel Livewire ♻️
Language: JavaScript - Size: 184 KB - Last synced at: 7 days ago - Pushed at: 10 months ago - Stars: 5 - Forks: 2
saberland/saber-theme-tailsaw
A Saber theme for blogging, based on Jigsaw's Blog Template.
Language: Vue - Size: 867 KB - Last synced at: 29 days ago - Pushed at: over 2 years ago - Stars: 50 - Forks: 16
iizunats/page-transition
iizuna Component for transitions between page loads and pre-loading of prioritized targets
Language: TypeScript - Size: 117 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 2 - Forks: 1
swup/parallel-plugin
A swup plugin for animating the previous and next page in parallel 🎏
Language: TypeScript - Size: 652 KB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 6 - Forks: 1
simonaco/page-transitions-travelapp
Travel App, Native-like Page Transitions
Language: TypeScript - Size: 2.31 MB - Last synced at: 7 days ago - Pushed at: over 1 year ago - Stars: 134 - Forks: 20
pilladipesh33/nextjs-page-transition
This project demonstrates smooth page transitions in a Next.js application using next-template and framer motion
Language: TypeScript - Size: 81.1 KB - Last synced at: 10 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0
ToQuyenPhan/react-page-transitions
The React app with page transitions using framer motion.
Language: JavaScript - Size: 16.2 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0
swup/cli
Create swup plugins and themes in seconds, or validate your website 🚤
Language: TypeScript - Size: 1.72 MB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 5 - Forks: 1
unllamas/nextjs-page-transitions-with-framer-motion
Page transitions simulating on online store with NextJS and Framer Motion
Language: JavaScript - Size: 67.4 KB - Last synced at: 6 months ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0
diarpu/nextjs-app-directory-page-transitions
Demo of page transitions with Next.js App Directory and gsap library.
Language: TypeScript - Size: 58.6 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0
antonioalanxs/View-Transitions-API
A dive into the View Transitions API: Explore its workflow, animations, room for improvements, advantages for both SPAs and MPAs and learn how to use the API on a Multi-Page Application (MPA).
Language: Astro - Size: 48.6 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 0
lukewarlow/view-transitions-api-types
TypeScript definitions for the View Transitions API
Size: 3.91 KB - Last synced at: 27 days ago - Pushed at: almost 2 years ago - Stars: 3 - Forks: 0
taylanyildiz/Flutter-Page-Transition-Custom
Circle Button with Animation transition half screen
Language: Dart - Size: 73.2 KB - Last synced at: about 1 year ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0
Rustcodeweb/Page-Transition-Animation-Using-GSAP
Language: HTML - Size: 953 KB - Last synced at: about 1 year ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0
jonhue/turbolinks-animate-rails 📦
Rich & adaptive animations for apps using Rails with Turbolinks
Language: Ruby - Size: 85.9 KB - Last synced at: about 1 year ago - Pushed at: over 5 years ago - Stars: 13 - Forks: 3
itsmartashub/wg--nuxt-lenis-gsap-st
Nuxt 3 Seamless Transition Between Pages. Gsap, ScrollTrigger, Scroll Lenis - Amazing Tutorial by WEB GUY
Language: Vue - Size: 269 KB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0
postor/next-page-transition 📦
make page transition easier for next.js | 让next.js的页面切换动画更简单
Language: JavaScript - Size: 1.05 MB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 54 - Forks: 2
jonhue/turbolinks-animate
Rich & adaptive animations for apps using Turbolinks
Language: JavaScript - Size: 326 KB - Last synced at: 7 days ago - Pushed at: 11 months ago - Stars: 134 - Forks: 8
willybrauner/compose
Compose is a small and type-safe library that links your javascript to your DOM.
Language: TypeScript - Size: 860 KB - Last synced at: 3 days ago - Pushed at: about 1 year ago - Stars: 9 - Forks: 1
swup/scripts-plugin
A swup plugin for re-evaluating scripts ♻️
Language: TypeScript - Size: 249 KB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 7
hydecorp/push-state
Turn static web sites into dynamic web apps.
Language: TypeScript - Size: 8.46 MB - Last synced at: 16 days ago - Pushed at: over 3 years ago - Stars: 25 - Forks: 2
ayoubelbazzazi/investment_group
My first web design for my portfolio
Language: HTML - Size: 41.4 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0
amarinediary/Vanilla-JS-Pages-Transition-Loader
A simple and minimalistic, VanillaJS, standalone, pages transition loader, minified in a 1.31 kilobytes, one-line of code.
Size: 149 KB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 16 - Forks: 1
swup/route-name-plugin
A swup plugin for named routes and route-based animation 🧭
Language: TypeScript - Size: 646 KB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 0
YamamotoDesu/swipeable_button
Language: C++ - Size: 0 Bytes - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0
lordelogos/gleamy-creative
An exploration on page transitions 🚀. Styled with SCSS, Animations with GSAP, Transitions with BarbaJS
Language: HTML - Size: 599 KB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0
Valerioageno/dynamic-images-page-transition
A pratical guide/example to learn how to make page transitions using images as the main component effect.
Language: JavaScript - Size: 85.7 MB - Last synced at: about 1 year ago - Pushed at: almost 4 years ago - Stars: 9 - Forks: 1
0xhxrnxsh/react-framer-page-transition
🔥 concocting a potion of framer motion and react for sick page transitions
Language: JavaScript - Size: 630 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0
SidNewman/shopify-transitions
Shopify page transitions with barba & gsap ❤️ (Currently re working this to be much more robust! so bare with me im a busy boi)
Language: Liquid - Size: 640 KB - Last synced at: almost 2 years ago - Pushed at: about 2 years ago - Stars: 12 - Forks: 2
jameskimthing/my-utilities
My utilities
Language: Svelte - Size: 4.88 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
crimson-projects/cubic-bezier-page-transition-GSAP
Cubic bezier page transition. GSAP
Language: JavaScript - Size: 1.96 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 5 - Forks: 0
mdbootstrap/react-page-transitions
A stunning collection of React page transitions built with Bootstrap 5. Templates for transitions on scroll, slide transitions, animations on click, fading & more. https://mdbootstrap.com/docs/react/extended/page-transitions/
Size: 1.95 KB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 1
teaware/gatsby-starter-point
A humble Gatsby starter with fancy page transitions ✨💫 & perfect performance 💯
Language: JavaScript - Size: 7.13 MB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 9 - Forks: 4
Pageworks/pjax 📦
An npm package built to handle AJAX page navigation using the Fetch API and dynamic CSS/JavaScript imports.
Language: CSS - Size: 4.65 MB - Last synced at: 15 days ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 3
rogue-kitten/route-animation
Really cool page transition made using NextJS, TailwindCSS, React and Framer Motion
Language: TypeScript - Size: 233 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
fedonman/fedonman-website-old 📦
Repository of my personal website based on Gatsby with React Context, styled-components, page transitions and a focus on accessibility and SEO.
Language: JavaScript - Size: 30.7 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
techjacker/Backbone-Responsive-CSS3-Page-Transitions
CSS3 hardware accelerated page transitions optimised for fluid layouts
Language: JavaScript - Size: 213 KB - Last synced at: about 1 month ago - Pushed at: 10 months ago - Stars: 35 - Forks: 4
LorisSigrist/dark-mode-transition
A quick demo of how to use the Page Transitions API for animating theme transitions
Language: HTML - Size: 1.23 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0
studioprojects/studio-projects-website
website build for my studio projects side hustle
Language: HTML - Size: 3.86 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0
emu2021makuake/MVVMSample011
WCT MVVM Toolkit (Microsoft.Toolkit.Mvvm) WPF Sample 11 - page transition
Language: C# - Size: 24.4 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 3 - Forks: 0
vistaran/ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Language: TypeScript - Size: 102 KB - Last synced at: 28 days ago - Pushed at: about 7 years ago - Stars: 23 - Forks: 5
mdbootstrap/bootstrap-page-transitions
Stunning collection of Page transitions built with the newest Bootstrap 5. Transitions on scroll, animations on click, fading animations.
Language: JavaScript - Size: 959 KB - Last synced at: 22 days ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 1
gaabrielo/page-transitions-nextjs
Language: JavaScript - Size: 132 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0
jvelo/prismic-nextjs-graphql
Sample Next.js website with Prismic as a content repository (Graphql API), supporting animated page transitions
Language: TypeScript - Size: 2.36 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0
melisiremkaya/PageTransitions
Page transitions example with Swift
Language: Swift - Size: 33.2 KB - Last synced at: 3 months ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0
FabKaiz/react-page-transition
React page transition with router v6 and framer motion
Language: JavaScript - Size: 4.38 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0
amberjen/learn-barbajs
Learning page transitions with Barba.js
Language: HTML - Size: 11.7 MB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0
shahriyor-sharifjonov/page-transition
page transition barba.js & gsap animations
Language: HTML - Size: 12.7 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 1
reinvanoyen/transito
Page transitions made easy
Language: JavaScript - Size: 27.9 MB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0
NaumanMunir9/page-transition-gsap-reactrouter-p5
Bootcamp 2020 Bonus/Extra Project 5: Animated React Website with Page Transition using GreenSock.
Language: JavaScript - Size: 356 KB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0
alexandrucotin/photography-website
A personal website made in React
Language: JavaScript - Size: 20.3 MB - Last synced at: about 2 years ago - Pushed at: almost 6 years ago - Stars: 4 - Forks: 2
ozkayanurhuda/PagesExample
Page transition using intent
Language: Kotlin - Size: 130 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0
Platane/ampokedex
⚡Pokedex App powered by amp
Language: TypeScript - Size: 6.69 MB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 1
armandsalle/highway-anime-transition
https://highway-animejs-11ty.netlify.app/
Language: JavaScript - Size: 1.89 MB - Last synced at: 16 days ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 3
AkashSDas/nextjs-framer-motion-101
Basic implementation for animations using Framer Motion in Next JS.
Language: TypeScript - Size: 61.5 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0
DavidWells/spa-loading-transition-demo
Language: HTML - Size: 26.4 KB - Last synced at: about 2 months ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0
Platane/june
Simple single page application. Featuring nice page transition
Language: JavaScript - Size: 2.16 MB - Last synced at: about 2 months ago - Pushed at: about 7 years ago - Stars: 1 - Forks: 0
bernharduw/altlengbach
The static website for a house sale in Altengbach, Austria.
Language: JavaScript - Size: 533 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 0 - Forks: 0
