Demos by Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

← Back to all demos

From our sponsor

Create a Penpot plugin Nov 15-Dec 15 and win cash prizes!

From our sponsor

Turn your creations into recurring revenue by selling templates on the Wix Studio Marketplace.

grid intro page-transition typography

Kinetic Typography Page Transition

3 years ago

hover menu page-transition

Menu and Thumbnail Stack Animation

3 years ago

grid menu navigation page-transition

Layout with Reveal Animations and Content Preview

3 years ago

hover marquee menu navigation

How to Code the K72 Marquee Hover Animation

3 years ago

hover menu navigation page-transition typography

Inline to Menu Link Animation

3 years ago

distortion filter hover svg

Thumbnail Hover Effect with SVG Filters

3 years ago

crosshair cursor distortion hover menu svg

How to Code a Crosshair Mouse Cursor with Distortion Hover Effect

3 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

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

4 years ago

grid slideshow typography

Diagonal Thumbnail Slideshow Animation

4 years ago

grid hover locomotive-scroll page-transition scroll

Thumbnail to Full Width Image Animation

4 years ago

button hover magnetic

Magnetic Buttons

4 years ago

filter hover menu

Exploring Animations for Menu Hover Effects

4 years ago

hover menu navigation

Creating a Menu Image Animation on Hover

4 years ago

glitch grid hover magnetic navigation slideshow

A Glitchy Grid Layout Slideshow

4 years ago

page-transition typography

Making Stagger Reveal Animations for Text

4 years ago

MotionGrid_featured

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

4 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

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