Pinned Repositories
3DGridContentPreview
A grid layout with a magnetic hover effect and a content preview animation.
3DRestaurantMenu
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
happy-birthday
html happy birthday animation
material-dashboard
mustafahalabi
ScrollBasedLayoutAnimations
An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.
TextBlockTransitions
Some inspiration for transitioning text blocks with different word animations.
webgl-distortion-bulge-effect
demo for a tutorial on how to make a bulge effect in WebGL
mustafahalabi's Repositories
mustafahalabi/ScrollBasedLayoutAnimations
An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.
mustafahalabi/TextBlockTransitions
Some inspiration for transitioning text blocks with different word animations.
mustafahalabi/webgl-distortion-bulge-effect
demo for a tutorial on how to make a bulge effect in WebGL
mustafahalabi/mustafahalabi
mustafahalabi/AnimatedCodeBackground
recreation of the hover effect seen on the customer grid on Evervault.
mustafahalabi/bulge-text-effect-codrops
mustafahalabi/codrops-noise-transition
Model Texture Transition And Procedural Radial Noise Using WebGL
mustafahalabi/codrops-scroll-rig-tutorial
Progressively enhanced WebGL & Lens Refraction
mustafahalabi/ContentLayoutTransition
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
mustafahalabi/developerFolio
🚀 Software Developer Portfolio Template that helps you showcase your work and skills as a software developer.
mustafahalabi/EntranceAnimationForImages
mustafahalabi/folio-2019
mustafahalabi/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.
mustafahalabi/GridViewSwitch
A proof-of-concept for a view switch animation from grid to slideshow.
mustafahalabi/ImageExpansionTypography
An expanding image animation inside of a typographic block.
mustafahalabi/ImageTilesMenu
An animation featuring image tiles that transform into a full image when a menu item is clicked.
mustafahalabi/IntroGridMotionTransition
A little hover motion effect on a grid and an intro animation.
mustafahalabi/LineTypeEffect
mustafahalabi/MostafaHalabi
mustafahalabi/mustafahalabi-remote-digital-catalogue
mustafahalabi/nextjs-portfolio-website
Build a Next.js 14 Portfolio website with Tailwind CSS and Typescript.
mustafahalabi/node-typescript-example
mustafahalabi/OnScrollTextHighlight
Some scroll-based effects for text highlights
mustafahalabi/react-product-card
Animated Product Card with the help of React and SCSS (PWA)
mustafahalabi/soft-ui-dashboard-react
Soft UI Dashboard React - Free Dashboard using React and Material UI
mustafahalabi/StickySections
Some ideas of how sticky sections can be animated while exiting the viewport.
mustafahalabi/tailwind-landing-page-template
Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
mustafahalabi/typescript-rest-backend
mustafahalabi/v4
Fourth iteration of my personal website built with Gatsby
mustafahalabi/webgl-carousel
Created with CodeSandbox