Search
Grid Flow Animation
27.7.2023
A loading and navigation animation where thumbnails "flow" into a grid
Scroll-Based Layout Animations
20.7.2023
An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip
Inspiration for Text Block Transitions
13.7.2023
Some inspiration for transitioning text blocks with different word animations
On-Scroll SVG Filter Effect
5.7.2023
Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani
New York City: A Crypto Sandbox in a Big Business Playground
27.6.2023
The Big Apple is big everything. The world’s financial center, it also has a huge population not only of talented developers to hire, but consumers to sell to. In such a huge and bustling ecosystem, crypto may not rate as the city’s highest priority. But like it or not, the No. 12 spot...
4 Exclusive Demos: Slideshows & Typographic Animations
16.6.2023
Four distinct demos, from image slideshows to on-scroll typography and hover effects
Gooey Cursor Effect
7.6.2023
A fun gooey cursor background effect with SVG filters and CSS blend modes
On-Scroll Pixelated Image Loading Effect
24.5.2023
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website
Ideas for Grid to Slideshow Switch Animations
4.5.2023
Some ideas and inspiration for layout animations where we go from an irregular grid to a slideshow or alternative view
Utility isn’t enough; NFTs need a playground too
1.5.2023
Non-fungible tokens continue to sweep across the world of Web3, flooding marketplaces like OpenSea with new collections emerging almost every day. As the NFT craze accelerates, it’s necessary to consider the real potential of these digital assets, and it all centers on the concept of “utility”....
Image Tiles Menu Animation
26.4.2023
An animation featuring image tiles that transform into a full image when a menu item is clicked
Grid View Switch Animation
12.4.2023
A concept for a view switch animation from grid to slideshow
Ideas for Pixel Page Transitions
5.4.2023
Inspiration for "pixel" page transitions based on Niccolò Miranda's animation
Fullscreen Clip Animation
14.3.2023
Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way
Double Image Hover Effects with Clip-Path Animations
1.3.2023
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way
Some More On-Scroll Typography Animations
22.2.2023
A second set of ideas for on-scroll typography animations
Shuffling Typography Animation
8.2.2023
A shuffling type animation with various effects for a geeky terminal look
Rotating Twisted 3D Typography with Three.js and Shaders
20.1.2023
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic
On-Scroll Typography Animations
18.1.2023
Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design
Collective #744
22.12.2022
Crafty Amigo * CSS Style Queries * D2 Playground * 2022 CSS Updates * IMG Quest