mossawir

3DGridContentPreview

A grid layout with a magnetic hover effect and a content preview animation.

ajaxable

Make your forms instantly ajaxable

amcharts4

The most advanced amCharts charting library for JavaScript and TypeScript apps.

AnimatedCodeBackground

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

AnimatedResponsiveImageGrid

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

Animocons

Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot ["Like Animation"](https://dribbble.com/shots/2527200-Like-Animation) by Daryl Ginn.

aos

Animate on scroll library

bst-child

Starter WordPress child theme for BST

Really-Simple-Lightbox

sketch-threejs

Interactive sketches made with three.js.

mossawir/PixelTransition

Ideas for pixel page transitions based on an animation by Niccolò Miranda.

mossawir/waveplayer

An HTML5 based audio player with a waveform view

mossawir/react-awesome-button

React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱

mossawir/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.

mossawir/waveform-playlist

Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Add effects from Tone.js. Project inspired by Audacity.

mossawir/RapidImageHoverMenu

A hover effect for a menu where images appear with an animation for each item.

mossawir/DoubleImageHoverEffects

Some hover effects that use clip-path animations for revealing the same image again.

mossawir/UnrevealEffects

Some explorations of page transitions using covering elements and CSS clip-paths.

mossawir/keen-slider

The HTML touch slider carousel with the most native feeling you will get.

mossawir/TypeShuffleAnimation

A shuffling type animation based on the effect seen on LCD 1.

mossawir/Threejs-rolling-dice-tutorial

mossawir/LoopScrolling

Infinite loop scrolling based on the animation seen on Bureau DAM.

mossawir/codrops-sketches

A collection of demo variations, ideas, concepts & experiments.

mossawir/DraggableMenu

A draggable menu that shows a thumbnail preview of an image grid

mossawir/TooltipTransition

A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.

mossawir/InlineLayoutSwitch

Two ideas for animating images from an inline layout to a column and grid-based one.

mossawir/AnimatedResponsiveImageGrid

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

mossawir/OnScrollViewSwitch

A layout with some scroll animations and a view switch where the content items animate to a grid.

mossawir/3DGridContentPreview

A grid layout with a magnetic hover effect and a content preview animation.

mossawir/MenuToGrid

A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin.

mossawir/RainEffect

Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

mossawir/GlitchPerspective

A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.

mossawir/videojs-player

@videojs player component for @vuejs(3) and React.

mossawir/FullscreenScroll

A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.

mossawir/ImageToContent

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

mossawir/ScrollAnimationsGrid

Various effects for images when scrolling a page with a grid.

mossawir/OnScrollPathAnimations

Animating SVG paths on smooth scroll.

mossawir/MakeWayGridEffect

A little grid interaction effect where adjoining items make way to a selected one that expands.

mossawir/Interactive3DMallMap

An interactive 3D mall map concept with a sidebar search and pin indicators for every level.

mossawir/IntroTrailEffect

An intro animation with several layout changes and various effect.