GoodCase.aiAI News · Radar↗AI Map↗Course · LearnPrompt↗
ProjectsGoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
GoodCase.ai
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Projects

AI News · Radar ↗AI Map ↗Course · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Loading…

GoodCase.ai · AI Prompt Case Collection
DSH PluginsChangelogFeedback
ModelsCreatorsSeedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKlingQwen ImageGPT Image 1.5MiniMax H3

Claude Scrollytelling Website

Creator · Oluwaphilemon1

AI Coding (UI)XAdded 07/28/2026Independently retested#web#human-reviewed
More tags (4)
#web-ui#motion-3dClaude · Three.js · GSAPGPT-5.6 Sol
View original source ↗
Source ♥ 1.5k

Prompt

The reproduction prompt keeps the original and adds runtime, asset and acceptance requirements. These additions are not the author’s words.

How I built with Claude 👇

1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions"

2. Use Three.js for the painted texture background that reacts to cursor

3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene"

4. Use Lenis.js for that buttery smooth scroll that premium sites have
≡Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

Claude · Three.js · GSAPGPT-5.6 Sol
Stability
88 / 100
Cost
Medium
Related Skills3D and motion hero ↗Landing-page information structure ↗

Independent retest evidence

See what the same prompt generated in our test.

Retest output · not the creator's original
UIGenerated evidenceAI judged

gpt-5.6-sol

Aug 9, 2026

Retest score82.8
Desktop captureGenerated desktop UIMobile captureGenerated mobile UI
Download generated HTML ↓
claude-sonnet-5 · 76.4gpt-5.6-sol · 89.1gap · 12.7
  • Same model family as recommended (Claude · Three.js · GSAP / GPT-5.6 Sol). Settings the creator used beyond the prompt are not known.
  • The retest score is the mean of two AI judges (0–100) for this single generation. No person has reviewed it, and it is not a success rate.

Independent reproductions

1 person reproduced this prompt with their own work.

Reproductions · not the creator's original
卡尔
Reproduced by卡尔
Oct 15, 2026
Reproduction by 卡尔Open reproduction ↗
glm-5.3

GLM-5.3 单次生成;Codex 人工修复运行依赖、必要源码及移动布局,未重新生成。桌面/手机真实渲染和资源检查通过;完整功能与视觉还原尚未全部验收。源码、截图和修复记录见复现出处。

Reproduction source ↗

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →
3D Supermarket-Packaging-Style Creative Agency Website
AI Coding (UI)XAdded 07/28/2026

3D Supermarket-Packaging-Style Creative Agency Website

A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Portfolio story architecture

Prompt

Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al

Source heat · X
10
Stability
84
View case →
AntiGravity + Gemini 3.1 Landing Page
AI Coding (UI)XAdded 07/28/2026

AntiGravity + Gemini 3.1 Landing Page

A webpage case created by @viktoroddy with AntiGravity · Gemini 3.1 Pro, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Landing-page information structure

Prompt

Prompt: Build a hero section with the following exact specifications: Overall Layout: Full-width section with background: #000000 (pure black) Overflow hidden Background video playing behind all content (details below

Source heat · X
97
Stability
89
View case →
Gemini 3.1 Generates an Animated Website in One Go
AI Coding (UI)XAdded 07/28/2026

Gemini 3.1 Generates an Animated Website in One Go

A web case by @viktoroddy created with Gemini 3.1, including the public result, full prompt, and original source.

Skill · 3D and motion heroSkill · Landing-page information structure

Prompt

PROMPT: Build a premium electric vehicle landing page with a dark, cinematic aesthetic. The entire site uses a black background (hsl(0,0%,0%)) with light text (hsl(0,0%,95%) as primary) and orange accents (hsl(25,100%,5

Source heat · X
94
Stability
66
View case →

Each detail page keeps the original result, the prompt, and retest evidence in one reading path.