colinlacherdis Goto Github PK

3d-particle-explorations

Particle animation explorations in 3D space with three.js

ambientcanvasbackgrounds

Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.

animated-mesh-lines

Tutorial and demos for Codrops about how play with the THREE.MeshLine library

animatedframeslideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides.

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.

audiovisualizers

An exploration of modern, line-style sound visualization powered by p5js and its p5.sound library.

blog

🍍

codrops-oct-2021-final

Individual chapter sandboxes for Oct 2021 Codrops article on THREE.MeshPhysicalMaterial

codyhouse-framework

A lightweight front-end framework for building accessible, bespoke interfaces.

columnscroll

A grid layout with columns that scroll in opposite directions.

crossroadsslideshow

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

cssglitcheffect

An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.

cursors-emitter

customcursor

Custom Cursor Demos and Tutorial for Codrops

decorativeletteranimations

Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.

diagonalslideshow

A slideshow with a diagonal look and a content preview

diagonalthumbnails

A simple slideshow with tilted thumbnails and large titles that animate when navigating.

distortedpixels

draggablemenu

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

elasticprogress

Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw

exhibition

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

expandinggriditemanimation

Grid item animation based on the Dribbble shot "Surf Project" by Filip Slováček.

fake3d

fontplop

Fast, Simple, & Free Open Source Webfont Converter

glitchslideshow

A slideshow that uses a CSS glitch effect for slide transitions.

gridlayoutmotion

A retro-style grid layout with a playful motion hover effect on the grid items.

gridlayoutscrollablecontent

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

gridlayoutslideshow

A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.