Work that stays in motion.
Move the mouse · images follow the trail Dark











Cursor image trail
CursorAs the cursor moves, small image tiles bloom along its path and fade away again · ideal for portfolio and reference sections.
Modern websites thrive on motion. Effects can be combined and tailored to the brand to surprise users and guide their attention. Here is an overview of what is possible, all live in the browser and entirely on your own site, with no third-party services.
Work that stays in motion.
Move the mouse · images follow the trail Dark











As the cursor moves, small image tiles bloom along its path and fade away again · ideal for portfolio and reference sections.
An illustration draws itself stroke by stroke when it comes into view · great for icons, diagrams and signatures.
A photo is translated into a live dot raster; the cursor acts as a lens that locally enlarges the grid · a striking editorial look.
MOTION
Move the mouse over the lettersLetters swing on a calm sine wave; under the cursor the amplitude grows · typography that feels alive.
An image grid without beginning or end: dragging moves the surface freely in any direction with gentle inertia · an immersive opener for galleries.
Soft colour currents from a WebGL shader flow into each other and react to the mouse · a living background without a single image.
While scrolling, the image grows from a framed crop to the full stage · a cinematic transition between chapters.
Running type bands are coupled to scroll velocity: the faster you scroll, the more the lines accelerate and lean.
Depth that moves.
Several photo layers shift at different speeds against the cursor · creates real depth for immersive hero areas.
Digitale Wirkung.
▸ Gradient Headline
For hero headlines that draw attention to the key message with a calm animated colour gradient.
Scattered tiles snap together into a single photo as visitors scroll, guiding attention to a key image.
A clear view of website & social.
Turn material into an effective presence.
Digital helpers that actually help.
Frosted glass cards float over a colourful photo · a modern, premium look for hero and pricing sections.
Calm animated colour gradient as a background for hero areas, sections or cards without distracting motion.
A softly flowing gradient · an elegant, lively hero with no imagery at all.
Subtle technical background for hero sections that gently reacts to the cursor to guide attention.
Connected dots react to the mouse · technical and alive. Use as a deliberate accent.
A magnifier follows the cursor and enlarges the detail underneath · great for product details and maps.
Move across the image
Dark
A photo that liquefies and shifts colours towards the cursor, giving hero images a tactile, memorable feel.
Like the torch, but colourful: a cold duotone comes alive in full colour under the cursor · emotional, warm, brand-friendly.
Colourful fluid trails follow the pointer and add a lively, memorable touch to a landing page hero.
Organic merging colour blobs create a lively, premium background for hero sections.
A rotating point globe signals global reach and networked services on a hero section.








Presents products or references as a rotating 3D gallery that draws the eye and invites interaction.
Software that thinks ahead.
Onboard teams in minutes · not weeks.
Start freeA colourful, living hero for tech and SaaS brands: soft aurora gradients, a clear promise and a glowing call to action.
Colour that sticks.
Any photo rendered in a bold brand duotone with a slowly shifting hue · colourful, distinctive hero for brands, retail and events.
Stars streak past at warp speed and react to the mouse · a lively, immersive background.
Chromatic aberration on hover gives headlines a technical, high-signal feel.
Your brand name assembles from particles and reacts to the cursor, an eye-catching intro for a hero section.
Ties an animated scene directly to scroll position, so visitors control the reveal at their own pace.
The card tilts in 3D towards the mouse, with a glare highlight. For product and project tiles.
A floating object rotates slowly with a travelling specular highlight · a premium stage for products, cards or devices.
Arrive.
Places that stay with you.
DiscoverA large photo breathes with a slow zoom and warm cinematic grade · an emotional hero for travel, hotels and restaurants.
Everything flows.
A subtle water distortion drifts across the photo · an unusual, eye-catching texture for hero areas.
An image grid that zooms on hover with a coloured overlay and a label · practical for portfolios, shops and references.
An endlessly flowing grid floor adds depth and a confident, technical mood to hero areas.
An intro panel sets the scene and draws the visitor in.
Each step reveals a further aspect of the offer in sequence.
Content unfolds calmly so the message stays easy to follow.
The final panel guides the visitor towards the next step.
Turns vertical scrolling into a guided sideways story that presents content step by step.
Cards light up under the cursor · great for service and feature grids.
A light beam travels along a card's edge, drawing the eye to pricing tiles or featured cards.
OUT OF THE DARK
Move the mouse across the face DarkThe cursor lifts a face out of the dark like a torch · a striking, emotional hero image.
Interactive points on a photo reveal labels on hover · ideal for product features, machines or floor plans.
Photo cards stack and cycle through · a storytelling pattern for portfolios and references.
Works as a calm, organic focal point in hero areas or placeholders without distracting from the actual content.
Dark surface; the cursor reveals content like a flashlight. A strong, memorable hero opening.
A digital RGB split that gives tech and gaming brands an edgy, energetic headline.
A photo lives inside a huge word and slowly drifts · a memorable, graphic brand opening.
Suited to hero sections where a single keyword serves as the focal point and presents the brand clearly and concisely.
+0 %
more performance in 12 weeks
An emotional photo plus a key figure that counts up on scroll · turns a success or result into a hero moment.
A drag slider reveals the graded, vibrant result next to the flat original · ideal for photo editing, real-estate and retouching services.
Places two states side by side, making the value of a revision immediately visible and easy to grasp.
A greyscale photo with a single element popping in colour · directs the eye to product or brand.
Project or service names; hovering pops the matching image at the cursor · perfect for references and portfolios.
Finally a website we can maintain ourselves · and that still looks high-end.
Clearly structured, on schedule. The result convinces our customers.
From existing material to a coherent presence. Exactly what we were missing.
Portrait plus quote, auto-rotating through several voices · builds trust with references and reviews.
Creates spatial depth in hero areas and guides the eye towards central content and key messages.
Letters decode into place · attention for headlines and word changes.
A fixed phrase with a rotating keyword keeps a hero claim alive and packs several messages into one line.
Endless running strips add energy and carry messages and key services.
An endless strip of reference thumbnails, colour on hover · trust through social proof.
Reveals a headline letter by letter, drawing the visitor's eye to the core message as the page builds up.
Guides attention while scrolling by revealing text blocks and lists in a staggered sequence.
Reveals images or media panels with a clean diagonal wipe on scroll, drawing the eye deliberately.
Rolling digits count up like a mechanical counter · a stronger, more tactile take on key figures.
Numbers count up when they enter view · trust and social proof.
Confirms successful form submissions with a brief confetti moment, giving users a clear and positive feedback signal.
The CTA reacts magnetically to the mouse and draws the eye to the key action.
A branded cursor ring that grows over interactive targets gives a site a polished, bespoke feel.
Guides attention in heroes or product demos and turns cursor movement into a subtle, brand-coloured interactive detail.
Rotating key claims in typewriter style draw focused attention to core value propositions in hero sections.
Editorial Film.Grain
Adds an editorial, premium texture to headlines and hero areas, subtly setting them apart from flat default layouts.
Clear hover feedback for navigation links that aids orientation and subtly anchors the brand blue in menus.
A lot is possible here, from subtle animations to striking visual effects. What works best depends on the brand, the content and the occasion, and it varies from project to project. The best approach is to talk it through together, decide what the effects should achieve and find the right path, implemented cleanly and in a GDPR-compliant way.
Request a project