wrongakram/ar-episode1

Stars
127
Rank 282,790 (Top 6 %)
Language
CSS
Created almost 5 years ago
Updated almost 2 years ago

wrongakram/ar-episode1

wrongakram

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

Rebuilding awwwards websites using react and gsap.

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`yarn start`

nextjs-page-transitions

Page transitions using framer motion and next.js

framermotion-react-router

Page transition effect using framer motion and react router

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