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/AnimatedCodeBackground

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

mossawir/awesome-react-components

Curated List of React Components & Libraries.

mossawir/chakra-ui

⚡️ Simple, Modular & Accessible UI Components for your React Applications

mossawir/ClipHoverEffect

A similar hover animation to the one seen on the website of Quai Network.

mossawir/CodropsTemplate

Codrops demo template. Wiki 👉

mossawir/ConnectedGrid

Some ideas for simple on-scroll animations for connected grid items.

mossawir/ContentLayoutTransition

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

mossawir/d3-celestial

A star map with d3.js

mossawir/FancySelect3

A tiny drop-in replacement for native HTML single select elements written in vanilla ES6.

mossawir/GooeyCursor

A gooey cursor background effect with SVG filters and CSS blend modes.

mossawir/GridFlowEffect

A loading and navigation animation where thumbnails flow into a grid.

mossawir/GridToSlider

Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.

mossawir/GridViewSwitch

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

mossawir/ImagePixelLoading

A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website

mossawir/ImageTilesMenu

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

mossawir/LineTypeEffect

mossawir/notepad-plus-plus

Notepad++ official repository

mossawir/OnScrollColumnsRows

Scroll-driven animations for columns and rows powered by GSAP.

mossawir/OnScrollFilter

Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.

mossawir/OnScrollTypoAnimations

mossawir/penpot

Penpot: The open-source design tool for design and code collaboration

mossawir/pickr

Flat, simple, responsive and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize.

mossawir/react-awesome-slider

React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱

mossawir/react-image-magnify

A responsive image zoom component designed for shopping sites.

mossawir/react-parallax-mouse

A lightweight react component to add a mouse parallax effect to your website.

mossawir/Scroll3DGrid

On-scroll animations for perspective image grids with different layouts.

mossawir/ScrollBasedLayoutAnimations

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

mossawir/SlideshowAnimations

A collection of ideas for slideshow animations.

mossawir/tail-kit

Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.

mossawir/TextBlockTransitions

Some inspiration for transitioning text blocks with different word animations.