Search
Crossroads Slideshow
3.4.2019
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Crossroads Slideshow was written by Mary Lou and published on Codrops
Exploding 3D Objects with Three.js
26.3.2019
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
Exploding 3D Objects with Three.js was written by Yuriy Artyukh and published on Codrops
Image Distortion Effects with SVG Filters
12.3.2019
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
Image Distortion Effects with SVG Filters was written by Mary Lou and published on Codrops
Text Trail Effect
27.2.2019
A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.
Text Trail Effect was written by Mary Lou and published on Codrops
Grid Reveal Effects with Anime.js
13.2.2019
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.
Grid Reveal Effects with Anime.js was written by Mary Lou and published on Codrops
Text Distortion Effects using Blotter.js
6.2.2019
Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.
Text Distortion Effects using Blotter.js was written by Mary Lou and published on Codrops
Layer Motion Slideshow
24.1.2019
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Layer Motion Slideshow was written by Mary Lou and published on Codrops
Animated Mesh Lines
8.1.2019
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
Animated Mesh Lines was written by Jérémie Boulay and published on Codrops
Interactive Animated Landscape
20.12.2018
An exploration of an animated interactive landscape built with three.js.
Interactive Animated Landscape was written by André Mattos and published on Codrops
Ambient Canvas Backgrounds
13.12.2018
Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.
Ambient Canvas Backgrounds was written by Sean Free and published on Codrops
Motion Transition Effect
11.12.2018
A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.
Motion Transition Effect was written by Mary Lou and published on Codrops
Image Reveal Hover Effects
27.11.2018
A set of link hover effects that reveal a thumbnail in different creative ways.
Image Reveal Hover Effects was written by Mary Lou and published on Codrops
Collective #471
26.11.2018
Progress-estimator * Felipe * Fibre * Electricity * Hue * What, exactly, is the DOM? * Essential TypeScript Types * Canvas Proximity Mask
Collective #471 was written by Pedro Botelho and published on Codrops
Collective #470
22.11.2018
Demoboard * HTM * eDEX-UI * Spin Zone * Tools for Makers * Everyone starts from the bottom * Designer's Eye
Collective #470 was written by Pedro Botelho and published on Codrops
Collective #469
19.11.2018
Braces to Pixels * Statusfy * Stack * Arare * The Power of Web Components * Bruck * autoComplete.js * Degreeless.design
Collective #469 was written by Pedro Botelho and published on Codrops
Collective #468
15.11.2018
State of Houdini * Turtletoy * VisBug * Squoosh * The Writable Files API * Web.dev (beta) * Inlining or Caching? Both Please!
Collective #468 was written by Pedro Botelho and published on Codrops
Collective #467
12.11.2018
babel-plugin-rawact * CSS Frameworks Or CSS Grid * Emoji builder * CSS and Network Performance * Editorial Layouts, Floats, and CSS Grid
Collective #467 was written by Pedro Botelho and published on Codrops
Page Flip Layout
12.11.2018
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
Page Flip Layout was written by Mary Lou and published on Codrops
Motion Reveal Slideshow
26.7.2018
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Motion Reveal Slideshow was written by Mary Lou and published on Codrops
Font Playground
20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...