Darth-Knoppix/next-page-transitions-framer-motion Darth-Knoppix/next-page-transitions-framer-motion

  • Stars
    star
    60
  • Rank 503,336 (Top 10 %)
  • Language
    JavaScript
  • Created about 4 years ago
  • Updated about 4 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
Darth-Knoppix/next-page-transitions-framer-motion
github

Darth-Knoppix

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Transitions between pages in a Next.js app using Framer

More Repositories

1

react-router-page-transitions

Animations between routes creating in React using Framer Motion.
JavaScript
35
star
2

example-react-fullscreen

Example of the Fullscreen API with React using hooks
JavaScript
32
star
3

loading-animation

Loading animations in Framer Motion
JavaScript
18
star
4

flask-graphql-react

Example of a Python Flask backend and GraphQL API with React frontend.
JavaScript
13
star
5

framer-motion-scroll-up-reveal

A sample reproducing an easy animation seen in the Behance app on iOS.
JavaScript
13
star
6

example-react-page-visibility

Example of the Page Visibility API with React using hooks
JavaScript
10
star
7

contextual

A simple sample app using the React 16 Context API.
JavaScript
9
star
8

framer-motion-stories

Stories for articles on Benevolent Bytes on Framer Motion
JavaScript
8
star
9

example-react-resize-observer

An example of the Resize Observer API in React
JavaScript
8
star
10

ui-animation-tap-card

Achieve with animated state transitions with the useCycle hook
JavaScript
8
star
11

safari-theme-css

A test using prefers-color-scheme for Safari Preview
HTML
7
star
12

svg-slider-pose

SVG slider example with Pose for animation
JavaScript
5
star
13

traefik-mfe-deno

Routing to multiple services in docker compose with Traefik
TypeScript
4
star
14

godot-game-experiments

GDScript
3
star
15

chat-pose-example

An example chat application with animations using Pose
JavaScript
3
star
16

elixir-exercises

Exercises in Elixir
Elixir
2
star
17

houdini-css-paint

An example of the CSS Paint API
HTML
2
star
18

servy

Pragmatic Studio inspired web server in Elixir
Elixir
1
star
19

react-window-example

An example of react-window
JavaScript
1
star
20

svelte-background-generator

A simple tool for making background blur in CSS
Svelte
1
star
21

github-slideshow

A robot powered training repository 🤖
Ruby
1
star
22

react-phone-show

Template component for showcasing concepts within a familiar little rectangle
CSS
1
star
23

svelte-media-session

An example of how to use the Media Session API
Svelte
1
star
24

WithoutSalt

MDDN243 Project 3 Game 2014
C
1
star
25

next-prisma-seed-example

An example of how to seed data with Prisma and Next.js
CSS
1
star
26

python-exercises

Python
1
star