USE CASE 01 · SKINCARE & BEAUTY BRANDS
Skin that grows back to calm
A soft organic frame with its own leaf-coloured shadow shape behind it. The portrait floats gently and leans in when you hover.
Shape: Elegant 07 + Matching Accent · Idle: Float 8 s · Hover: Zoom In · Layer: text badge
USE CASE 02 · BOUTIQUE HOTELS & VILLAS
Take a peek before you book
Through an antique keyhole you only catch a glimpse of the pool. Hover, and the door swings open to the whole view.
Shape: Keyhole · Frame 16:9 · Hover: Reveal the Full Image · Layer: pulsing text hint
USE CASE 03 · FINE JEWELLERY & WATCHES
Sealed in gold
The hoops sit in a scalloped wax-seal shape with a gold seal behind it. The edge turns so slowly it looks like light moving over metal.
Shape: Seal · Backdrop: same shape in gold, 108% · Idle: Spin Shape 40 s · Hover: Zoom In
USE CASE 04 · AIRLINES, TRAVEL & EVENTS
Your next trip, printed on a ticket
The photo is cut like a boarding pass, notches and all, with the flight details printed underneath. Hover and the view pans across the island.
Shape: Ticket · Caption below in monospace · Hover: Pan · Layer: tilted “Boarding pass” label
USE CASE 05 · FASHION & STREETWEAR
Two looks, one frame
The portrait is sliced into three tall columns over a black offset shape. Hover and the red look swaps to the teal one in a single beat.
Shape: Split Columns · Backdrop: black offset · Hover: Swap Image (red → teal) · Layer: “New drop” sticker
USE CASE 06 · COACHES, FREELANCERS & PERSONAL BRANDS
A hero portrait in a soft, organic shape feels personal in a way a square photo never does. The accent shape, dots and ring float at different depths as the visitor moves the mouse.
Shape: Elegant 15 + Matching Accent · Layers: dots, ring, sparkle with mouse parallax · Motion: idle Float
USE CASE 07 · TEAM & ABOUT PAGES
Profile cards with personality
Three portraits, three related arch shapes, each with an offset colour block behind it. Hover a card and the photo zooms inside its shape while the dots move away.
Shapes: Arch, Tombstone, Gothic Arch · Backdrop: same shape, offset · Hover: Zoom In + layer move
Jonas Weber
Creative Director
Twelve years of brand work, still sketches every idea on paper first.
Lena Fischer
Head of Strategy
Turns messy research into a plan the whole team can repeat.
Noah Becker
Lead Developer
Builds fast sites and faster tools. Loves a clean pull request.
USE CASE 08 · RESTAURANTS & FOOD
The dish of the day, served round
Food photos taken from above already want to be circles. A slowly spinning dashed ring and two leaves make the plate feel alive, and hover gives it a little turn.
Margherita, wood-fired — $16
Diavola with honey — $19
Funghi & truffle — $21
Shape: Circle · Layers: spinning dashed ring, swinging leaves, price text · Hover: Rotate Shape
USE CASE 09 · PRODUCT LAUNCHES & SHOPS
A product that changes on hover
The bottle sits in a blob that keeps slowly morphing. Hover it and the image swaps to the product in use, inside the same shape. It is a gentle before / after for any shop page.
Shape: Animated Blob (morphing) · Hover: Swap Image · Layers: NEW text badge, stars
USE CASE 10 · BLOGS, TRAVEL & PORTFOLIOS
A travel journal in brush strokes
Hand-painted shapes fit a journal or a portfolio. The photos start in black and white and bloom into colour on hover. Click one to open it full size in the lightbox.
Shapes: Elegant brush strokes + accents · Hover: Black & White to Colour · Extras: centred caption, Lightbox
USE CASE 11 · INTERIORS & REAL ESTATE
A collage that opens into the room
Four tiles hint at the space; hover and the tiles grow into the full photo. Great for listings, interior studios and before / after stories, with the lines drifting as you scroll.
Shape: Elegant 33 (tile collage) + accent · Hover: Reveal the Full Image · Layers: diagonal lines with scroll parallax
USE CASE 12 · TESTIMONIALS & REVIEWS
★★★★★
“We launched in three weeks instead of three months. The new site books calls while we sleep.”
Marcus Lee · Founder, Northwind Studio
Shape: Speech Bubble · Backdrop: same shape, offset left · Layers: quote mark (text layer), plus grid · Hover: Grow
USE CASE 13 · WEDDINGS & EVENTS
A frame that turns into a heart
Soft double arches suit invitations, venues and photographers. Hover the photo and the arches melt into a heart. A small moment couples remember.
Shape: Double Arch · Hover: Morph to a Second Shape (Heart) · Layers: confetti, floating rings
USE CASE 14 · FITNESS, SPORTS & GYMS
Energy you can feel with the mouse
A rough brush stroke, a neon backdrop and a pulsing bolt give a class or coach page real energy. Move over the photo and it tilts in 3D toward the pointer.
Shape: Brush 4 · Hover: 3D Tilt · Layers: pulsing lightning, bouncing chevrons
USE CASE 15 · APPS, SAAS & STARTUPS
Make a feature screenshot feel premium
A squircle, a soft gradient blob behind and a few shapes that move at different depths turn a plain screenshot into a product hero. Hover sends a light sweep across it.
Shape: Squircle · Hover: Shine · Layers: blob, circle, square and dots with mouse parallax
THE FULL LIBRARY
106 shapes, 6 animated blobs, 11 hover effects
Every tile below is a live DG Image Shape module, so you can hover them. Upload your own SVG or PNG for anything that is missing, and stack any of the 35 decorations as layers.
Library: 9 categories · Motion: 11 hover effects, 4 idle animations, 5 layer animations + parallax
Blobs · 12
Organic · 6
Geometric · 14
Arches & Windows · 8
Brush Strokes · 8
Badges · 6
Collages · 6
Fun · 6
Elegant · 40 — each with a matching accent shape
Animated Blobs · 6 — the edges keep morphing
Hover Effects · 11 — hover each tile
Idle Animations · 4 — always running, paused off screen
Layer Motion · 8 — for any decoration, shape, icon or text layer