Blog/Design & Interaction
🎨

Design & Interaction

Motion, micro-interactions, and the cinematic details that keep people on-page.

5 posts in this lane

Articles in Design & Interaction

▶ LIVE
🎨 Design & Interaction

The Gooey / Liquid Effect, Explained — How SVG Filters Make Things Flow

That liquid metaball "goo" where shapes merge and flow? It's three SVG primitives: feGaussianBlur, feColorMatrix, feBlend. Here's exactly how it works, the copy-paste filter, and the Safari gotcha to watch.

By Robbie CreatesRead →
▶ LIVE
🎨 Design & Interaction

2026 Web Design Trends We're Actually Shipping (Not Just Pinning)

Bold kinetic type, text-only heroes, gamified micro-interactions, experimental nav. Here are the 2026 web design trends that actually move the needle for local businesses — and the ones that are just eye candy.

By Robbie CreatesRead →
▶ LIVE
🎨 Design & Interaction

What Can ShockAI Do? Part 1 — Cinematic Motion That Sells

Part 1 of a 5-part tour of what a ShockAI website can actually do. We start with cinematic motion — hero animation, kinetic type, and tasteful micro-interactions that make a brand memorable without wrecking load time.

By Robbie CreatesRead →
▶ LIVE
🎨 Design & Interaction

What Can ShockAI Do? Part 2 — Command UX: Jump Anywhere in a Keystroke

Part 2 of the series. A ShockAI site ships with a ⌘K command palette — the same power-user navigation you know from your code editor and your favorite apps, on a marketing site. Here is why findability is a conversion feature.

By Robbie CreatesRead →
▶ LIVE
🎨 Design & Interaction

What Can ShockAI Do? Part 3 — Interactive Sections That Keep People On-Page

Part 3. Card-stacks, switchers, and in-page interactions turn passive scrolling into engagement. Here is how gamified micro-interactions raise time-on-page — and why that matters for local search.

By Robbie CreatesRead →
🎓 5-Part Course

What Can ShockAI Do?

A guided series — follow it in order, or jump to the part you need.

Part 1 of 5

What Can ShockAI Do? Part 1 — Cinematic Motion That Sells

Part 1 of a 5-part tour of what a ShockAI website can actually do. We start with cinematic motion — hero animation, kinetic type, and tasteful micro-interactions that make a brand memorable without wrecking load time.

Read Part 1 →

Explore other lanes

🤖AI That Runs Your Business⚡Web Development📸Photography & Video🚀Creator Economy📚Guides & Resources📱Mobile Tech & Devices