Rotating Twisted 3D Typography with Three.js and Shaders
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic.
+ morePlayground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
On-Scroll Typography Animations
by Manoela Ilic
Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.
+ more
Tooltip to Gallery Transition
by Manoela Ilic
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
+ more
Inline Layout Switch Ideas
by Manoela Ilic
Two ideas for animating images from an inline layout to a column or grid-based one.
+ more
Unreveal Effects for Content Previews
by Manoela Ilic
Some explorations of page transitions using covering elements and CSS clip-paths.
+ more
Smooth Panel Scroll Effects
by Manoela Ilic
An exploration of smooth panel scroll effects based on Margot Priolet’s website.
+ more
On-Scroll Animation and View Switch
by Manoela Ilic
A layout with some scroll animations and a view switch where the content item images animate to a grid.
+ more
Menu to Grid Layout Animation
by Manoela Ilic
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid.
+ more
3D Perspective Glitch Hover Effect
by Manoela Ilic
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.
+ more
Custom SVG Cursors with an Interactive Emitter Effect
Several interactive cursor effects made with JavaScript and SVG.
+ more
Fullscreen Scrolling Slideshow
by Manoela Ilic
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.
+ more
Large Image to Content Page Transition
by Manoela Ilic
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
+ more
Tiny Grid Layout Animation
by Manoela Ilic
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
+ more
Make Way Grid Effect
by Manoela Ilic
A little grid interaction effect where adjoining items make way to a selected one that expands.
+ more
Scroll Animation Ideas for Image Grids
by Manoela Ilic
Some ideas for animations on images in a grid when scrolling a page.
+ more
Image To Grid Transition
by Manoela Ilic
A simple transition where a large image animates to its place in a grid.
+ more
Stack to Content Layout Transition
by Manoela Ilic
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
+ more
Image Trail Animation for an Intro
by Manoela Ilic
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
+ more