Pop-Up Book text animation: the word aimotions animated in this style
041CraftCSS

Pop-Up Book

A clothbound storybook opens on a teal table and die-cut paper letters flip up off the spread, with a pop-up landscape behind them, in real 3D perspective. Whimsical and tactile, ideal for kids brands, stories and launches.

Prompt · replace [TEXT]

Tool-agnostic
Show a hardcover storybook with a red cloth cover and gold frame lying on a teal tablecloth, seen from above at a three-quarter angle in real 3D perspective. The cover swings open on its spine and the pages are a pop-up spread: the letters of [TEXT], each a chunky rounded letter printed in a bright color on die-cut card with a white border, lie folded flat, then flip up on paper hinges one by one with a springy overshoot until they stand facing the viewer. Behind them a paper landscape of layered green hills, a sun and clouds pops up; in front a strip of paper grass and flowers. Add soft cast shadows and gutter shading. Drift the camera slightly, then fold everything flat, close the book and loop.

Visual DNA

  • Real 3D page turn: the red cloth cover swings over on its spine
  • Die-cut letters with a white card border, lying flat until the book opens
  • Letters flip up on paper hinges one by one with a springy overshoot
  • Layered pop-up scenery: hills, sun and clouds behind, grass in front
  • Slow camera drift, soft cast shadows and gutter shading on the pages
Category
Paper & Craft
Demo built with
CSS
Energy
Calm
Background
Dark bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Pop-Up Book look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

Related styles

All Craft styles →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥