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

overlay page transition svg

Page Loading Effects

11 years ago

button circular progress svg

How to Create a Circular Progress Button

11 years ago

Minimal Form Interface

11 years ago

3D grid page transition

3D Grid Effect

11 years ago

Google Grid Gallery

11 years ago

Responsive Full Width Tabs

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

Inspiration for Item Transitions

11 years ago

Tilted Content Slideshow

11 years ago

Simple Stack Effects

11 years ago

Creating a Border Animation Effect with SVG and CSS

11 years ago

menu overlay svg

Fullscreen Overlay Effects

11 years ago

3D flip polaroid

Scattered Polaroids Gallery

11 years ago

hover navigation svg

Dot Navigation Styles

11 years ago

From our sponsor

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

“Look Inside” Book Preview with BookBlock

11 years ago

Shape Hover Effect with SVG

11 years ago

SVG Drawing Animation

11 years ago

Merry Christmas with a Bursting Gift Box

11 years ago

3D menu navigation

Perspective Page View Navigation

11 years ago

3D button progress

Progress Button Styles

11 years ago

draggable elastic navigation stack

Elastic Stack: Elastic Dragging Interaction

12 years ago

From our sponsor

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

icon snap.svg svg

Animated SVG Icons with Snap.svg

12 years ago

checkbox user experience

Multi-Item Selection

12 years ago

page transition

Split Layout

12 years ago

Animations for Thumbnail Grids

12 years ago

Animated Checkboxes and Radio Buttons with SVG

12 years ago

Section Separators

A Collection of Separator Styles

12 years ago

Animated Border Menus

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.

Creative Loading Effects

12 years ago

Sliding Triple View Layout

navigation slideshow

Sliding Horizontal Layout

12 years ago

3D menu navigation

Transitions for Off-Canvas Navigations

12 years ago

Multi-Level Push Menu

12 years ago

Creative Link Effects

12 years ago

3D Effect for Mobile App Showcase

12 years ago

Google Nexus Menu

Google Nexus Website Menu

12 years ago

Blueprint ScrollEffect

On Scroll Effect Layout

12 years ago

Header Effects

On Scroll Header Effects

12 years ago

« Previous 1 … 5 6 7 8 9 Next »