harsh-dhillon Goto Github PK

3dgridcontentpreview

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

animatedcustomcursor

Some ideas for interactive custom cursor animations using SVG filters.

animatedgridlayout

A responsive, magazine-like website layout with a grid item animation effect when opening the content

animatedgridpreviews

A template where one can switch between little image previews that are scattered around the page.

animatedimagecolumns

An experimental layout where image columns get animated when a menu item is clicked.

animatedimagepieces

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments.

animatedmenuicon

Demo for the tutorial on how to animate an SVG menu icon based on Tamas Kojo's Dribbble shot hamburger menu and implemented Segment. By Luis Manuel.

animation-library

Ready Player Me Animation Library

animation-library-demo

apdrawinggan

Code for APDrawingGAN: Generating Artistic Portrait Drawings from Face Photos with Hierarchical GANs (CVPR 2019 Oral)

apple-fifth-avenue

audiobasedimagedistortion

backgroundscalehovereffect

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

blockrevealers

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

bookpreview

A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.

breathing-dots-tutorial

Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic animation with react-three-fiber.

buildings-wave

:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax

buttonhoverstyles

Some ideas for CSS-only button hover styles and animations

buttonstylesinspiration

Some ideas for modern and subtle button styles and effects

cardstackeffects

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

checkoutconcepts

Some simple ideas for enhancing the checkout process.

circularprogressbutton

Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)

circulartexteffect

An experimental circular SVG text animation

clickeffects

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.

codrops-kinetic-typo

Kinetic typography demos for Codrops article

codrops-r3f-mirrors

Creating mirrors in react-three-fiber & threejs

codrops-texture-projection

Article about Texture Projection in Three.js

codrops-wave-motion

Learn how to make a wave motion effect on an image with Three.js.

controlnet

Let us control diffusion models

crossroadsslideshow

An experimental slideshow with an inclined look with three slide previews and a content view on click.