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

Inspiration for Text Input Effects

10 years ago

grid page-transition slideshow

Sliding Header Layout

10 years ago

button draggable elastic form input menu morphing svg

Elastic SVG Elements

10 years ago

dialog modal svg

Inspiration for Dialog Effects

10 years ago

Perspective Mockup Slideshow

11 years ago

From our sponsor

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

Drag and Drop Interaction Ideas

11 years ago

input morphing page-transition search

Simple Morphing Search

11 years ago

elastic slideshow svg

Wobbly Slideshow Effect

11 years ago

hover svg tooltip

Tooltip Styles Inspiration

11 years ago

Off-Canvas Menu Effects

Off-Canvas Menu Effects

11 years ago

Tab Styles Inspiration

11 years ago

From our sponsor

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

intro page-transition preloader svg

Page Preloading Effect

11 years ago

Fullscreen Form Interface

11 years ago

notification svg

Notification Styles Inspiration

11 years ago

dropdown select

Inspiration for Custom Select Elements

11 years ago

3D draggable slider slideshow

Draggable Dual-View Slideshow

11 years ago

Ideas for Subtle Hover Effects

11 years ago

From our sponsor

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

How to Create a Tiled Background Slideshow

11 years ago

Inspiration for Inline Anchor Styles

11 years ago

hover navigation svg

Arrow Navigation Styles

11 years ago

page-transition

Inspiration for Article Intro Effects

11 years ago

Recreating the “Design Samsung” Grid Loading Effect

11 years ago

button modal morphing overlay

Morphing Buttons Concept

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.

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

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

« Previous 1 … 6 7 8 9 10 11 Next »