Demos by Manoela Ilic

Editor-in-Chief at Codrops. Designer, developer, and dreamer — sharing web inspiration with millions since 2009. Bringing together 20+ years of code, creativity, and community.

← Back to all demos

From our sponsor

Seamlessly export your designs to Wix Studio—and take them further.

grid menu navigation page-transition

Layout with Reveal Animations and Content Preview

4 years ago

hover marquee menu navigation

How to Code the K72 Marquee Hover Animation

4 years ago

hover menu navigation page-transition typography

Inline to Menu Link Animation

4 years ago

distortion filter hover svg

Thumbnail Hover Effect with SVG Filters

4 years ago

crosshair cursor distortion hover menu svg

How to Code a Crosshair Mouse Cursor with Distortion Hover Effect

4 years ago

3d hover menu typography

Rotated 3D Letters and Image Hover Effect

4 years ago

3d grid hover magnetic page-transition

Magnetic 3D Grid Interaction with Content Preview

4 years ago

hover magnetic page-transition

Preview to Full Content Page Transition

4 years ago

grid hover page-transition typography

Distributed Letters Animation Layout

4 years ago

clip-path shape slideshow

Shape Slideshow with Clip-path

4 years ago

circular hover intro page-transition svg typography

Circular SVG Text Animation

4 years ago

button css-only hover ui-element

Ideas for CSS Button Hover Animations

4 years ago

css-only hover line link svg

Simple CSS Line Hover Animations for Links

4 years ago

locomotive-scroll scroll typography

On-Scroll Letter Animations

4 years ago

locomotive-scroll parallax scroll

Horizontal Smooth Scroll Layouts

4 years ago

intro locomotive-scroll scroll

Image Stack Intro Animation

4 years ago

hover menu navigation page-transition

Inline Menu Layout with Gallery Panel

4 years ago

grid locomotive-scroll scroll

Scroll Animations for Image Grids

4 years ago

grid menu navigation page-transition slideshow

Menu to Inner Page Animation with Image Grid Background

5 years ago

grid slideshow typography

Diagonal Thumbnail Slideshow Animation

5 years ago

grid hover locomotive-scroll page-transition scroll

Thumbnail to Full Width Image Animation

5 years ago

button hover magnetic ui-element

Magnetic Buttons

5 years ago

filter hover menu

Exploring Animations for Menu Hover Effects

5 years ago

hover menu navigation

Creating a Menu Image Animation on Hover

5 years ago

glitch grid hover magnetic navigation slideshow

A Glitchy Grid Layout Slideshow

5 years ago

page-transition typography

Making Stagger Reveal Animations for Text

5 years ago

MotionGrid_featured

How to Create a Motion Hover Effect for a Background Image Grid

5 years ago

Infinite Scroll Menu

infinite menu scroll

An Infinitely Scrollable Vertical Menu

5 years ago

gooey hover menu morphing navigation svg typography

Morphing Gooey Text Hover Effect

5 years ago

grid hover intro page-transition

Rapid Image Layers Animation

5 years ago

Marquee_featured

css-only hover marquee menu typography

CSS-Only Marquee Effect

5 years ago

cursor distortion filter hover svg

Animated Custom Cursor Effects

5 years ago

distortion filter hover line link svg typography

Ideas for Distorted Link Effects on Menus

5 years ago

BackgroundScaleClip_featured

clip-path hover

Background Scale Hover Effect with CSS Clip-path

5 years ago

DistortedLink_featured

distortion filter hover line link svg

Distorted Link Effects with SVG Filters

5 years ago

« Previous 1 2 3 4 5 6 … 11 Next »