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

form menu modal scroll

Block Reveal Effects

8 years ago

audio instrument svg web-audio-api

Interactive Musical Instruments

8 years ago

Tilt Hover Effects

9 years ago

Surf Report Template

9 years ago

3D calendar christmas cube page-transition

Cubes Advent Calendar

9 years ago

From our sponsor

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

audio hover link video

Artsy Media Pop Up Effect

9 years ago

Inspiration for Letter Effects

9 years ago

Line Maker: Animated Decorative Lines

9 years ago

Background Segment Effect

9 years ago

Fancy SVG Letter Animation

9 years ago

Inspiration for Navigation Indicators

9 years ago

From our sponsor

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

Multi-Layout Slideshow

9 years ago

audio page-transition

Above & Beneath: Featured Content Layout Effect

9 years ago

hover map tooltip

Simple Interactive Points Effect

9 years ago

grid morphing slideshow svg

Item Reveal Animations with SVG

9 years ago

audio grid lp record-player svg web-audio-api

Interactive Record Player

9 years ago

overlay page-transition

Multi-Layer Page Reveal Effects

9 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.

3D grid isometric masonry

Isometric and 3D Grids

9 years ago

Interactive 3D Mall Map

9 years ago

Icon Animations Powered by mo.js

9 years ago

grid polaroid stack

Polaroid Stack to Grid Intro Animation

9 years ago

elastic slideshow

Elastic Circle Slideshow

9 years ago

Cinema Seat Preview Experiment

9 years ago

From our sponsor

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

Inspiration for Line Menu Styles

9 years ago

button morphing snap.svg

Shazam-Like Morphing Button Effect

10 years ago

hover pricing-table

Some Inspiration for Pricing Tables

10 years ago

Multi-Level Menu

10 years ago

3D product slideshow

Interactive Room Display

10 years ago

Effect Ideas for Card Stacks

10 years ago

Mobile “Pull to Share” Interaction Experiment

10 years ago

menu navigation

Page Stack Navigation

10 years ago

grid page-transition

Effect Ideas for Image Grids

10 years ago

How to Create a Fullscreen Video Opening Animation

10 years ago

3D dialog draggable elastic polaroid

Playful Interaction for Draggable Elements

10 years ago

page-transition slider slideshow zoom

Zoom Slider

10 years ago

flickity grid shopping-cart

Filterable Product Grid

10 years ago

« Previous 1 … 3 4 5 6 7 … 9 Next »