zubairamin Goto Github PK

abovebeneath

A landing page template with a featured content section and background sounds that change according to the view.

blockrevealers

Ideas for revealing content in a schematic box look as seen around the Web lately.

codrops-svg-drums

SVG animated drum kit you can play, built for a tutorial on Codrops

confessia

A Confession App for all those who are looking for simple and elegent virtual interface on their mobile and web to confess.

css-mask-animation

cubesadventcalendar

A 3D Advent calendar with fun hover effects and background color animations

draggan

Online Demo and Implementation of DragGAN - "Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifold"

exhibition

A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.

expandingbarmenus

An experimental tab-like navigation that expands a content area when clicked.

fancyletteranimation

An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).

gridtoslider

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

horizontal-scroll

Horizontal scroll with inertia

infinitetubes

A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/](Fornasetti.

interactive3dmallmap

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

isometricgrids

Some experimental decorative and interactive isometric and 3D grids.

itemrevealer

An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.

lettereffects

A set of inspirational letter animations for display typography effects powered by anime.js

letterinteractions

Some inspiration for playful typographical effects and hover interactions on letters.

mirroreffect

Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a slideshow.

musicalinteractions

Some experimental ideas for playful musical interactions powered by MIDI.js.

navigationindicators

Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow.

pagerevealeffects

Some ideas for modern multi-layer page transitions using CSS Animations.

pointsonmaps

An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked.

recordplayer

An experimental template with an interactive old school record player powered by the [Web Audio API](https://www.w3.org/TR/webaudio/).

scrollspirals

Scroll Spirals

searchuieffects

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.

skrollr

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).

stackmotionhovereffects

Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.

surfreport

A simple template of a weekly surf report with an animated SVG graph and a sliding content panel.

tilthovereffects

Some ideas for hover effects with a fancy tilt effect. Inspired by the effect seen on Kikk 2015.