Recent Design Finds: Compact Navigation
In Articles,
A little collection of website menus that are compact and open into nifty boxes or shapes.
Blurry Text Reveal on Scroll
In Playground,
A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”.
Some On-Scroll Text Highlight Animations
In Playground,
Some ideas for scroll-based text highlight animations.
Bridging Design and Code: The Power of Penpot’s CSS Grid Layout
In Articles,
Explore Penpot, the open-source platform enhancing design and development teamwork, now featuring the CSS Grid Layout for even more powerful and efficient project creation.
On-Scroll Expanding Image Animation within Typography
In Playground,
An animation experiment where we expand an image within some typographic element on scroll.
Inspirational Websites Roundup: Webflow Special #2
In Articles,
In collaboration with Webflow, we’re thrilled to present this roundup, featuring a handpicked selection of awe-inspiring websites.
Grid Item Reveal Animation on Hover
In Playground,
A recreation of the grid item reveal animation on hover as seen on the website of Metalab.
Inspirational Websites Roundup: Webflow Special #1
In Articles,
In collaboration with Webflow, we’re thrilled to present this roundup, featuring a handpicked selection of awe-inspiring websites.
Reflection Scroll Effect
In Playground,
A decorative reflection effect where we simulate a reflected page and scroll it along with the content.
On-Scroll Animation Ideas for Sticky Sections
In Playground,
Some ideas of how sticky sections can be animated while exiting the viewport.
Experimental On-Scroll Text Animations with SVG Clip-Path
In Playground,
Some experiments with on-scroll typography effects using SVG clip-paths.
On-Scroll Sliced Text Animation
In Playground,
A scroll-triggered sliced text animation, where segmented elements reunite while scrolling.
On-Scroll Shape Morph Animations
In Playground,
Scroll-driven shape morph animations with tilt interaction inspired by the effect seen on KPR.
Dynamic Tooltip Reveal Animations
In Playground,
A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.
Image Layer Animations with Clip-Path
In Playground,
Some ideas for speedy page transition animations with layered images using clip-path.
Ideas for Image Motion Trail Animations
In Playground,
Some ideas for mouse/touch responsive animations where images are shown along the path of the user motion.
Some Ideas for Fullscreen Image Slideshow Animations
In Playground,
A collection of ideas for slideshow animations on fullscreen images.
