Design Finds: Creative Slideshows
In Articles, by Manoela Ilic
A small collection of creative slideshow designs and animations.
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
A Selection of Fonts That Future-Proof Your Web Design
In Articles, by Manoela Ilic
A small selection of fonts ideal for keeping your web design timeless and forward-looking.
Exploring a 3D Text Distortion Effect With React Three Fiber
A quick tutorial on how to create a beautiful distorted text ring effect in React Three Fiber.
Design Finds: Detail Hovers on Images
In Articles, by Manoela Ilic
A set of diverse image effects that reveal some more information on hover.
Model Texture Transition and Procedural Radial Noise using WebGL
In Playground, by Mohammed Amine Bourouis
A WebGL experiment that explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field.
Reaction-Diffusion Compute Shader in WebGPU
In Tutorials, by Robert Leitl
Learn how to use WebGPU compute shaders to create reaction-diffusion patterns.
Inspirational Websites Roundup: Webflow Special #3
In Articles, by Manoela Ilic
In collaboration with Webflow, we’re thrilled to present this roundup, featuring a handpicked selection of awe-inspiring websites.
Recent Design Finds: Compact Navigation
In Articles, by Manoela Ilic
A little collection of website menus that are compact and open into nifty boxes or shapes.
Inspirational Websites Roundup #59
In Websites Roundups, by Manoela Ilic
Explore our latest collection of websites with handpicked designs that will keep you updated on current trends.
Case Study: Gabriel Contassot’s Portfolio — 2024
In Articles, by Federico Valla
A look into the making of Gabriel’s 2024 portfolio website, complementing minimal design choices with subtle animations.
Blurry Text Reveal on Scroll
In Playground, by Manoela Ilic
A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”.
Some On-Scroll Text Highlight Animations
In Playground, by Manoela Ilic
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.
UI Interactions & Animations Roundup #42
In UI Interactions and Animations Roundups, by Manoela Ilic
A fresh motion design collection of the best shots from Dribbble to get your creativity flowing.
Image Stack Entrance Animations
In Playground, by deadrabbbbit
A circular stack intro for images with different animations.
Case Study: 84—24
In Articles, by Michele Giorgi
A look into the making of 84—24. The tale of restoring an ’80s timeless classic.
Inspirational Websites Roundup #58
In Websites Roundups, by Manoela Ilic
Uncover a vibrant collection of websites, each showcasing stellar design, to energize your inspiration.
On-Scroll Expanding Image Animation within Typography
In Playground, by Manoela Ilic
An animation experiment where we expand an image within some typographic element on scroll.
