Akram Khalid's repositories

nextjs-page-transitions

Page transitions using framer motion and next.js

Language:JavaScriptStargazers:197Issues:5Issues:0

framermotion-react-router

Page transition effect using framer motion and react router

Language:JavaScriptStargazers:180Issues:1Issues:0

ar-episode1

Rebuilding awwwards websites using react and gsap.

Language:CSSStargazers:122Issues:5Issues:0

R3F-Chairs

React three fiber

react-hamburger-menu

An awesome hamburger menu built with react and gsap

Language:JavaScriptStargazers:94Issues:3Issues:0

react-three-fiber

Youtube series to learning React three fiber

ar-episode2

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

Language:JavaScriptLicense:MITStargazers:71Issues:1Issues:2

react-smooth-skew-scrolling

Smooth skew scrolling in react. Inspired by Jesper Landberg.

Language:JavaScriptStargazers:57Issues:0Issues:1

sass-mediaqueries

A tutorial on using @eduardoboucas media queries

Language:CSSStargazers:48Issues:0Issues:0

gatsby-framer-menu

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

Language:JavaScriptLicense:0BSDStargazers:43Issues:0Issues:0
Language:JavaScriptStargazers:38Issues:1Issues:0

R3F-Shader

A Wavey image shader with R3F & Shaders

Language:JavaScriptStargazers:32Issues:1Issues:0

react-useIntersectionObserver

Just a simple observer animation

Language:JavaScriptStargazers:28Issues:2Issues:0

react-gsap-page-transitions

Page transitions with react and gsap

Language:JavaScriptStargazers:23Issues:1Issues:0

gsap-slider

A react.js slider using GSAP

Language:JavaScriptStargazers:21Issues:1Issues:0

swipe-to-enlarge-framer-motion

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

Language:JavaScriptStargazers:21Issues:1Issues:0

Odunsi-portfolio

Portfolio site for a talented photographer

Language:JavaScriptLicense:MITStargazers:18Issues:1Issues:0

Odunsi-starter

Starter file for design to code challenge

Language:JavaScriptLicense:MITStargazers:16Issues:3Issues:0

reactautoplay

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

Language:JavaScriptStargazers:16Issues:2Issues:0
Language:JavaScriptStargazers:13Issues:1Issues:0

passing-useRef

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

Language:JavaScriptStargazers:7Issues:2Issues:0
Language:JavaScriptLicense:0BSDStargazers:7Issues:0Issues:0

figdoc

Document your Figma Design System with ease

Language:TypeScriptStargazers:4Issues:0Issues:0

array-methods-map

JS Array method map in react

Language:JavaScriptStargazers:3Issues:1Issues:0

react-gsap-tutorial

Video series of how to use react and gsap effectively.

Language:JavaScriptStargazers:3Issues:1Issues:0

difference

Simple scroll blending mode effect

Language:JavaScriptStargazers:1Issues:1Issues:0

supabase

The open source Firebase alternative. Follow to stay updated about our public Beta.

License:Apache-2.0Stargazers:1Issues:0Issues:0
Stargazers:0Issues:1Issues:0
Language:TypeScriptStargazers:0Issues:0Issues:0