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

ProductGridLayout

Product Grid Layout

12 years ago

HorizontalSlideOutMenu

Horizontal Slide Out Menu

12 years ago

Morphing Devices

morphing slideshow

Morphing Devices

12 years ago

3D page-transition

A Collection of Page Transitions

12 years ago

Blueprint_TimelineStyle

Vertical Timeline

12 years ago

From our sponsor

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

Blueprint_ScrollingLayout

navigation scroll

Fixed Background Scrolling Layout

12 years ago

Opening Sequence

Text Opening Sequence with CSS Animations

12 years ago

Simple YouTube Menu Effect

Simple YouTube Menu Effect

12 years ago

FullscreenLayoutPageTransitions

page-transition

Fullscreen Layout with Page Transitions

12 years ago

Responsive Multi-Level Menu

Responsive Multi-Level Menu

12 years ago

Background Slideshow

Background Slideshow

12 years ago

From our sponsor

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

Responsive Full Width Grid

Responsive Full Width Grid

12 years ago

Slide Push Menus

Slide and Push Menus

12 years ago

App Showcase with Grid Overlay

3D grid overlay

App Showcase with Grid Overlay

12 years ago

Quotes Rotator

infinite quote slideshow

Quotes Rotator

12 years ago

Nested Accordion

Nested Accordion

12 years ago

Thumbnail Grid with Expanding Preview

Thumbnail Grid with Expanding Preview

12 years ago

From our sponsor

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

Vertical Icon Menu

Vertical Icon Menu

12 years ago

Horizontal Drop-Down Menu

Horizontal Drop-Down Menu

12 years ago

Full Width Image Slider

navigation slideshow

Full Width Image Slider

12 years ago

Elastic Content Slider

Elastic Content Slider

12 years ago

Flipping Circle Slideshow

Flipping Circle Slideshow

12 years ago

Putting CSS Clip to Work: Expanding Overlay Effect

Putting CSS Clip to Work: Expanding Overlay Effect

12 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 Gallery Room

3D Image Gallery Room

12 years ago

3DBookShowcase_Main

3D Book Showcase

12 years ago

How to Create a Simple Multi-Item Slider

menu slider slideshow

How to Create a Simple Multi-Item Slider

12 years ago

Slider Pagination Concept

concept Pagination slider

Slider Pagination Concept

12 years ago

Sticky Captions Concept

caption concept grid hover

Sticky Captions Concept

12 years ago

Fullscreen Pageflip Layout with BookBlock

Fullscreen Pageflip Layout

12 years ago

StackSlider: A Fun 3D Image Slider

3D slideshow stack

StackSlider: A Fun 3D Image Slider

12 years ago

Simple Effects for Drop-Down Lists

Simple Effects for Drop-Down Lists

12 years ago

Calendario: A Flexible Calendar Plugin

Calendario: A Flexible Calendar Plugin

12 years ago

Adaptive Thumbnails Pile Effect with Automatic Grouping

Adaptive Thumbnail Pile Effect with Automatic Grouping

13 years ago

Responsive CSS Timeline with 3D Effect

Responsive CSS Timeline with 3D Effect

13 years ago

Baraja: A plugin for spreading items in a card-like fashion

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

13 years ago

Windy - A Plugin for Swift Content Navigation

Windy: A Plugin for Swift Content Navigation

13 years ago

« Previous 1 … 8 9 10 11 Next »