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

hover repetition

Sketch 003: Repetition Hover Effect (Rotated)

3 years ago

hover repetition

Sketch 002: Repetition Hover Effect (Square)

3 years ago

hover repetition

Sketch 001: Repetition Hover Effect (Round)

3 years ago

hover repetition

Repetition Image Hover Effects

3 years ago

locomotive-scroll scroll

Background Shift Animation with CSS Blend Modes

3 years ago

From our sponsor

Master JavaScript animation with GSAP—free access to 34 video lessons, projects, and hands-on demos for all levels.

grid locomotive-scroll page-transition scroll

Alternate Column Scroll Animation

3 years ago

grid page-transition zoom

Grid Zoom Layout

3 years ago

filter slideshow

Slideshow with Filter Reveal Effect

4 years ago

infinite menu overlay page-transition svg

SVG Overlay and Infinite Menu Background Animation

4 years ago

intro loading repetition typography

Repetitive Typography Animation

4 years ago

hover menu page-transition

Menu and Thumbnail Stack Animation

4 years ago

From our sponsor

Meco is a new way to read newsletters separate from your inbox

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

From our sponsor

Generate & deploy to Vercel with 1 click. Next.js 14, Typescript, TailwindCSS + Shadcn UI

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

From our sponsor

Learn to build web apps with Next.js, the world's most popular full-stack framework, in this course on Scrimba.

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

5 years ago

hover menu navigation page-transition

Inline Menu Layout with Gallery Panel

5 years ago

grid locomotive-scroll scroll

Scroll Animations for Image Grids

5 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

GSAP 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

« Previous 1 2 3 4 … 9 Next »