Heroes That Make an Entrance
Kinetic billboards, layered scenes, masks, liquid backgrounds and first-impression reveals.
PHILLIPS DIGITAL / THE CREATIVE WEB BUILDER EDITION100
100
MOTION
PROMPTS.
Stop telling AI to “make my website more animated”. Give it a proper creative brief instead. One collection. One hundred precise ways to make websites move, react and stand out.
£120ONE-TIME PAYMENT61-PAGE PDF
BUY THE 100 PROMPTS ↗For AI-assisted web builders, creative freelancers and developers. You'll receive 100 written prompts, not prebuilt code or video templates. PDF delivered to your checkout email within one UK business day after confirmed payment.
P. PHILLIPS DIGITAL / VOL. 01
MAKE THE100
MOTION
PROMPTS
MOTION
PROMPTS
INTERACTIVE HEROES / 3D / CURSOR / SCROLL / TRANSITIONS
DESIGN THAT MOVES. ↗
DESIGN THAT MOVES. ↗
WEB MOVE
10 CHAPTERS ✳ 100 COPY-READY BRIEFS ✳ 61 PAGES ✳ NO RECURRING FEE
THE WHOLE
MOTION TOOLKIT.
Every prompt describes a distinctive interaction, suggests implementation techniques and gives an AI coding assistant acceptance criteria, mobile fallbacks and accessibility requirements.
Type That Refuses to Sit Still
Scrambling copy, elastic letters, editorial typography and dynamic marquees.
Cursor, Hover & Play
Magnetic buttons, pinned 3D cards, trailing previews, pixel grids and canvas effects.
Scroll as a Storyteller
Pinned journeys, 3D progress, poster reveals and scroll-controlled narrative stages.
3D, Depth & Illusion
Real 3D faces, glass panels, floating UI, tunnels and product turntables.
Navigation & Page Transitions
Editorial menus, morphing toggles, route transitions, indicator systems and modals.
Images, Video & Visual Stories
Before/after image components, hover previews, gallery effects and image reveals.
Buttons, Forms & Conversions
Form journeys, success effects, pricing transitions, tooltips and responsive CTAs.
Creative Showcases & Effects
Glitch typography, particle worlds, inversion spotlights and generative art.
Motion Systems That Ship
Performance budgets, reduced motion, component libraries and production QA.
A REAL LOOK INSIDE / FREE PREVIEWTHESE ARE
PROMPT 002 / PERSPECTIVE BILLBOARD HERO PROMPT 021 / PINNED-CENTRE 3D CARDS
THESE ARE
ACTUAL PROMPTS.
Here are two of the 100 briefs, shortened for easy reading. The full PDF includes implementation guidance, accessibility instructions and quality checkpoints.
MAKE THE HERO FEEL PHYSICAL.
Build a hero poster that subtly swings in 3D toward the pointer while its large headline stays legible in front of a layered gradient. The board should appear anchored at its centre, not spin endlessly.
Implementation idea: Normalize the pointer inside the hero, map it to capped 3D X/Y rotation, add perspective to decorative layers and spring back to neutral on pointer leave.
LET THE CORNERS DO THE TALKING.
Give article or service cards a physical surface: their centres remain fixed while their corners tilt toward the cursor. Keep all text readable and the card front-facing at rest.
Implementation idea: Compute pointer x/y within each card and apply perspective rotateX/rotateY to an inner wrapper, with keyboard, touch and reduced-motion fallbacks.
No copied tutorials or stock “magic prompts”: the collection is an original set of creative engineering briefs. It is designed for AI coding assistants that can work with your actual website files, not for image-only generation tools.
Not ready to buy? Read the free guide and try three animation prompts first ↗
YOUR NEXT WEBSITE
DOESN'T HAVE TO
BE BORING.
A collection you can return to whenever a website needs a stronger first impression, a smarter interaction or a little more personality.
£120One-time purchase. Use the prompts on your own and client websites. No subscription.
SECURE CHECKOUT WITH STRIPE ↗Fulfilment is manual at launch: your PDF will be emailed within one UK business day of verified payment. Purchases are subject to applicable consumer rights. Need help? Contact Phillips Digital.
BEFORE YOU
GO WILD.
Do I need to know how to code?
You can use the prompts with an AI coding tool, but you still need a website you can edit and the ability to review, test and deploy the resulting changes. More complex effects may benefit from developer support.
What exactly am I buying?
A 61-page PDF containing 100 detailed original motion-design prompts in ten chapters, plus setup guidance, combinations of effects, quality checks, research references and usage licence. This is not a downloadable code library or an animation software subscription.
Can I use the prompts on client projects?
Yes. One purchaser may adapt these prompts for their own commercial websites and client projects. Reselling or republishing the prompt pack itself is not permitted by the included licence.
How and when is the PDF delivered?
After Stripe verifies payment, the PDF is emailed to the email address used at checkout within one UK business day. Automatic instant download has not been implemented yet.
Will the prompts work with my website builder?
The prompts are written to work as briefs for AI coding assistants that can edit the actual website. Whether the effect can be implemented depends on your platform, access to source code, tooling and browser support. Some drag-and-drop builders restrict custom animation code.
Do the animations harm performance or accessibility?
Each prompt includes requirements to consider mobile use, keyboard navigation, reduced motion and sensible performance. You still need to test the resulting implementation before publishing.