Image Layer Animations with Clip-Path
In Playground by Manoela Ilic
Some ideas for speedy page transition animations with layered images using clip-path.
Archive
Here you can browse through all articles, tutorials, roundups, and experiments on Codrops.
Inspirational Websites Roundup #51
In Websites Roundups by Manoela Ilic
A fresh collection of carefully chosen websites that stand out for their exceptional design.
Ideas for Image Motion Trail Animations
In Playground by Manoela Ilic
Some ideas for mouse/touch responsive animations where images are shown along the path of the user motion.
Progressively Enhanced WebGL Lens Refraction
In Tutorials by David Lindkvist
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber.
Animating Multi-Page Navigations with Browser View Transitions and Astro
In Tutorials by Igor Penaque
A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.
Some Ideas for Fullscreen Image Slideshow Animations
In Playground by Manoela Ilic
A collection of ideas for slideshow animations on fullscreen images.
Inspirational Websites Roundup #50
In Websites Roundups by Manoela Ilic
A fresh, hand-picked selection of websites highlighting outstanding web designs.
UI Interactions & Animations Roundup #36
In UI Interactions and Animations Roundups by Manoela Ilic
Get inspired by selected motion designs and UI interaction works of amazing designers on Dribbble.
5 Essential Kendo UI for Angular Components You Need to Know
In Articles
The Kendo UI for Angular components library contains over 120 native components, including controls, navigation, layout tools, and complex data grids. Top five Kendo UI components users love for avoiding learning and development time.
Grid Item Hover Effect
In Playground by Manoela Ilic
Three hover effects based on a grid design by Alena Orlova.
Inspirational Websites Roundup #49
In Websites Roundups by Manoela Ilic
A thoughtfully curated collection of websites showcasing exceptional web designs.
Connected Grid Layout Animation
In Playground by Manoela Ilic
Some ideas for simple on-scroll animations on “connected” grid layouts.
UI Interactions & Animations Roundup #35
In UI Interactions and Animations Roundups by Manoela Ilic
Explore the latest collection of innovative motion designs and inspiring UI interactions from Dribbble.
On-Scroll Column & Row Animations
In Playground by Manoela Ilic
Some inspiration for scroll-driven animations on column and row items.
Inspirational Websites Roundup #48
In Websites Roundups by Manoela Ilic
A carefully selected compilation of websites with really good web designs that have caught our attention over the past few weeks.
On-Scroll Perspective Grid Animations
In Playground by Manoela Ilic
On-scroll animations for perspective image grids with different layouts.
Grid Flow Animation
In Playground by Manoela Ilic
A loading and navigation animation where thumbnails “flow” into a grid.
Freeflo: Free, Curated AI Images and Prompts for Creative Projects
In Articles
Freeflo is a comprehensive library of curated AI-generated images and prompts enabling accessible and professional AI image creation for creative projects.