mustafahalabi Goto Github PK

folio-2019

full-calendar-example

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.

fullscreenhoverloop

A fullscreen loop effect that shows a preview of images when hovering a menu item.

gradienttopographyanimation

Shape layers animation based on Polar Vector's work "Gradient Topography"

graphql-cms-portfolio

gridlayoutscrollablecontent

A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view

gridviewswitch

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

happy-birthday

html happy birthday animation

image-editor

Simple image editor built with React, MobX, TypeScript

imagegrideffects

Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.

imagetocontent

A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.

j471n.in

This is my portfolio build with Next.js and MDX.

kinetictypepagetransition

A concept for a kinetic typography based page transition.

laravel-react-purity-dashboard

React Laravel - Purity Dashboard (Open-Source) | AppSeed

layermotionslideshow

A CSS Grid-based slideshow template with a layer motion effect on the main image and on the title.

lettershufflemenu

A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.

marqueemenu

A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.

material-dashboard

morphingbackgroundshapes

A decorative website background effect where SVG shapes morph and transform on scroll.

morphingpagetransition

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

mostafahalabi

motion-pizza

next-boilerplate

nextflix

A Netflix clone buily using Next.js

nice_portfolio

node-typescript-example

onscrolleffectlayout

An on scroll effect template that animates the sides of sections once they are in the viewport.

onscrollpathanimations

Animating SVG paths on smooth scroll.

onscrolltypographyanimations

Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.