Akram Khalid (@wrongakram)
  • Stars
    star
    1,525
  • Global Rank 20,347 (Top 0.8 %)
  • Followers 1,363
  • Registered about 7 years ago
  • Most used languages
    JavaScript
    78.4 %
    CSS
    10.8 %
    TypeScript
    5.4 %
    SCSS
    5.4 %

Top repositories

1

nextjs-page-transitions

Page transitions using framer motion and next.js
JavaScript
199
star
2

framermotion-react-router

Page transition effect using framer motion and react router
JavaScript
179
star
3

ar-episode1

Rebuilding awwwards websites using react and gsap.
CSS
127
star
4

pageloader

JavaScript
117
star
5

R3F-Chairs

React three fiber
JavaScript
96
star
6

react-hamburger-menu

An awesome hamburger menu built with react and gsap
JavaScript
95
star
7

react-three-fiber

Youtube series to learning React three fiber
JavaScript
76
star
8

ar-episode2

Awwwards rebuilt episode 2. Using react, framer motion and styled components
JavaScript
72
star
9

cuberto-home-cursor

https://cuberto-cursor.netlify.app/
SCSS
61
star
10

react-smooth-skew-scrolling

Smooth skew scrolling in react. Inspired by Jesper Landberg.
JavaScript
57
star
11

sass-mediaqueries

A tutorial on using @eduardoboucas media queries
CSS
48
star
12

gatsby-framer-menu

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

GSAP-Hero-Animation

JavaScript
39
star
14

R3F-Shader

A Wavey image shader with R3F & Shaders
JavaScript
32
star
15

react-useIntersectionObserver

Just a simple observer animation
JavaScript
28
star
16

micro-interactions-docket

An intro to a new series of microinteractions
SCSS
26
star
17

React-Three-Minecraft-Chest

Using React Three Fiber we will make a minecraft chest
JavaScript
25
star
18

react-gsap-page-transitions

Page transitions with react and gsap
JavaScript
23
star
19

swipe-to-enlarge-framer-motion

Recreated Ueno's HiFive1's Swipe to enlarge concept using Framer motion and React
JavaScript
21
star
20

gsap-slider

A react.js slider using GSAP
JavaScript
20
star
21

Odunsi-portfolio

Portfolio site for a talented photographer
JavaScript
18
star
22

html-css-hero-animation

CSS
16
star
23

Odunsi-starter

Starter file for design to code challenge
JavaScript
16
star
24

reactautoplay

Add a video thumbnails to your project that play once you hover on them.
JavaScript
16
star
25

learn-stencil-design-system

Learning how to build ui components with stencil
TypeScript
15
star
26

GSAP-imageReveal

JavaScript
13
star
27

wrongakram.com

JavaScript
7
star
28

passing-useRef

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

Personal-Site

My personal website!
JavaScript
5
star
30

react-happytext

Animated text gradient for your React projects
JavaScript
4
star
31

figdoc

Document your Figma Design System with ease
TypeScript
4
star
32

styledComp-YT

JavaScript
3
star
33

react-gsap-tutorial

Video series of how to use react and gsap effectively.
JavaScript
3
star
34

array-methods-map

JS Array method map in react
JavaScript
2
star
35

Amori

A UI Library Kit
2
star
36

difference

Simple scroll blending mode effect
JavaScript
1
star
37

next-countries-

Using next.js to make a rest api call to pull countries data.
JavaScript
1
star
38

Remarketing-LP

CSS
1
star