wrongakram/nextjs-page-transitions

Stars
199
Rank 196,105 (Top 4 %)
Language
JavaScript
Created almost 5 years ago
Updated over 1 year ago

wrongakram/nextjs-page-transitions

wrongakram

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

Page transitions using framer motion and next.js

framermotion-react-router

Page transition effect using framer motion and react router

ar-episode1

Rebuilding awwwards websites using react and gsap.

pageloader

R3F-Chairs

React three fiber

react-hamburger-menu

An awesome hamburger menu built with react and gsap

react-three-fiber

Youtube series to learning React three fiber

ar-episode2

Awwwards rebuilt episode 2. Using react, framer motion and styled components

cuberto-home-cursor

https://cuberto-cursor.netlify.app/

react-smooth-skew-scrolling

Smooth skew scrolling in react. Inspired by Jesper Landberg.

sass-mediaqueries

A tutorial on using @eduardoboucas media queries

gatsby-framer-menu

Awwwards Inspired Hamburger Menu. Using @GatsbyJS & @framer Motion. This was inspired by https://loerarchitecten.com

GSAP-Hero-Animation

R3F-Shader

A Wavey image shader with R3F & Shaders

react-useIntersectionObserver

Just a simple observer animation

micro-interactions-docket

An intro to a new series of microinteractions

React-Three-Minecraft-Chest

Using React Three Fiber we will make a minecraft chest

react-gsap-page-transitions

Page transitions with react and gsap

swipe-to-enlarge-framer-motion

Recreated Ueno's HiFive1's Swipe to enlarge concept using Framer motion and React

gsap-slider

A react.js slider using GSAP

Odunsi-portfolio

Portfolio site for a talented photographer

html-css-hero-animation

Odunsi-starter

Starter file for design to code challenge

reactautoplay

Add a video thumbnails to your project that play once you hover on them.

learn-stencil-design-system

Learning how to build ui components with stencil

GSAP-imageReveal

wrongakram.com

passing-useRef

How to pass a ref using useRef from a child component to a parent and use element node in both components

Personal-Site

My personal website!

react-happytext

Animated text gradient for your React projects

figdoc

Document your Figma Design System with ease

styledComp-YT

react-gsap-tutorial

Video series of how to use react and gsap effectively.

array-methods-map

JS Array method map in react

Amori

A UI Library Kit

difference

Simple scroll blending mode effect

next-countries-

Using next.js to make a rest api call to pull countries data.

Remarketing-LP