Mustafa Halabi (mustafahalabi)

mustafahalabi

Geek Repo

Company:@Meritt-dev

Location:Lebanon

Github PK Tool:Github PK Tool

Mustafa Halabi's repositories

IntroGridMotionTransition

A little hover motion effect on a grid and an intro animation.

License:MITStargazers:0Issues:0Issues:0
Language:JavaScriptStargazers:0Issues:0Issues:0

codrops-noise-transition

Model Texture Transition And Procedural Radial Noise Using WebGL

Stargazers:0Issues:0Issues:0

OnScrollTextHighlight

Some scroll-based effects for text highlights

License:MITStargazers:0Issues:0Issues:0
License:MITStargazers:0Issues:0Issues:0

ImageExpansionTypography

An expanding image animation inside of a typographic block.

License:MITStargazers:0Issues:0Issues:0
License:MITStargazers:0Issues:0Issues:0
License:MITStargazers:0Issues:0Issues:0

StickySections

Some ideas of how sticky sections can be animated while exiting the viewport.

License:MITStargazers:0Issues:0Issues:0
Stargazers:0Issues:0Issues:0

nextjs-portfolio-website

Build a Next.js 14 Portfolio website with Tailwind CSS and Typescript.

Stargazers:0Issues:0Issues:0

codrops-scroll-rig-tutorial

Progressively enhanced WebGL & Lens Refraction

License:MITStargazers:0Issues:0Issues:0

tailwind-landing-page-template

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

Language:TypeScriptStargazers:0Issues:0Issues:0

ScrollBasedLayoutAnimations

An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.

License:MITStargazers:1Issues:0Issues:0
Language:TypeScriptStargazers:0Issues:0Issues:0

TextBlockTransitions

Some inspiration for transitioning text blocks with different word animations.

License:MITStargazers:1Issues:0Issues:0

webgl-distortion-bulge-effect

demo for a tutorial on how to make a bulge effect in WebGL

License:MITStargazers:1Issues:0Issues:0
License:MITStargazers:0Issues:0Issues:0

AnimatedCodeBackground

recreation of the hover effect seen on the customer grid on Evervault.

License:MITStargazers:0Issues:0Issues:0

webgl-carousel

Created with CodeSandbox

License:MITStargazers:0Issues:0Issues:0

ContentLayoutTransition

An experimental layout transition where a stack of images animates to a gallery view, showing some more content.

License:MITStargazers:0Issues:0Issues:0

ImageTilesMenu

An animation featuring image tiles that transform into a full image when a menu item is clicked.

License:MITStargazers:0Issues:0Issues:0

GridViewSwitch

A proof-of-concept for a view switch animation from grid to slideshow.

License:MITStargazers:0Issues:0Issues:0
License:MITStargazers:0Issues:0Issues:0

FullscreenClipEffect

Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way.

License:MITStargazers:0Issues:0Issues:0
Language:TypeScriptStargazers:0Issues:0Issues:0

react-product-card

Animated Product Card with the help of React and SCSS (PWA)

License:MITStargazers:0Issues:0Issues:0

developerFolio

🚀 Software Developer Portfolio Template that helps you showcase your work and skills as a software developer.

Language:JavaScriptLicense:GPL-3.0Stargazers:0Issues:0Issues:0

v4

Fourth iteration of my personal website built with Gatsby

License:MITStargazers:0Issues:0Issues:0

soft-ui-dashboard-react

Soft UI Dashboard React - Free Dashboard using React and Material UI

Stargazers:0Issues:0Issues:0