obaidnadeem Goto Github PK

stagger-text-reveal-animation-css

How many times you have to leave stagger text animation because of external library/dependency & coding this custom is really a pain. For which I have created an open source stagger text component for React JS which is available on npm. The animation is done with pure css in React JS so no need of external libraries. Just pass your text as a prop and it will be animated. Best part is that the component is fully customizable and fully responsive :D

svg-3d-layer

This is some cool stuff, this is the source code of that 3D layers effect on my portfolio web (Interactive web section). I'll be fixing this repo when I'll have some time.

thedynamicocean

three-bvh-csg

A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh

three-js-first-person

WebGL and GLSL projects 2022 🌬

threejsstarterwebpack

A starter pack for three js using web pack.

todoapp

transform-3d-visualizer

Using 3D transforms properties can be tricky sometimes. We often cannot calculate in our mind where the element will ascend or descend into 3D space. For which I have created the transform 3D visualizer, where we can pass different 3D values to visualize the position of element in 3D space before using it in the final build.

usewindowsize-react-custom-hook

In certain conditions like absolutely positioned elements sometimes don't respond to viewport width & height, this hook is very much useful in those cases. It watches the height and width of the screen & updates the values in the state likewise. useWindowsize is a react js custom hook which can be used to get the current height and width of the window when vw & vh are not working.

weboacard

3D Pop Up Card Builder