# Animation styles you can build with Claude (@viashaan)

> Free, growing Notion page of animation style cards by Shaan Johari: each gives the look (hex colours, free fonts, layout, texture), how it moves, what breaks it, and a paste-ready Claude prompt; current styles include 3D Map Route, Exploded Teardown, Ink Wash and Paper Desk.

- **Open:** https://orphic.adarshji.com/explore/animation-styles-you-can-build-with-claude-viashaan/files (saved copy; original https://ruby-cotija-fb5.notion.site/Animation-styles-you-can-build-with-Claude-3fa28691eca3814ebb34c73a7cc261bf)
- **Type:** prompt · **Category:** [AI video](https://orphic.adarshji.com/explore/category/ai-video.md)
- **Tags:** prompts, claude-code, video-from-code, motion-graphics, animation
- **First found:** 2026-10-31 · **Web page:** https://orphic.adarshji.com/explore/animation-styles-you-can-build-with-claude-viashaan

## Use it to

- pick a video animation style and get a ready claude prompt
- make map route, product teardown or title card animations with claude code
- save a favourite style as a claude code slash command

## Saved files (22)

Every file, in folders, with players and downloads: https://orphic.adarshji.com/explore/animation-styles-you-can-build-with-claude-viashaan/files.

- Animation styles you can build with Claude (full copy).html · Web page, 77 KB · https://orphic.adarshji.com/api/public/files/fe9a7c1e-337c-445a-9428-295deb5891ff
- Animation styles you can build with Claude.md · Markdown, 70 KB · https://orphic.adarshji.com/api/public/files/94c1fbf2-5e09-4a31-9d8a-47df1d0d3afe
- animation-styles.gif · Image, 3355 KB · https://orphic.adarshji.com/api/public/files/7f466317-5967-4ea5-ab58-dc946922a44f
- app-mockup.gif · Image, 1741 KB · https://orphic.adarshji.com/api/public/files/737770f6-b165-4278-b3d6-46d953ef63cd
- apple-one-take.gif · Image, 530 KB · https://orphic.adarshji.com/api/public/files/9f0acddc-2ab2-4642-9928-8a60f4a8821a
- blue-editorial.gif · Image, 424 KB · https://orphic.adarshji.com/api/public/files/09223e65-3c5b-4816-933f-1790b3c2ea0f
- frosted-glass.gif · Image, 979 KB · https://orphic.adarshji.com/api/public/files/7c712110-d140-4dc9-add9-a01460ccd5c3
- glow-orb.gif · Image, 2259 KB · https://orphic.adarshji.com/api/public/files/2a10c26a-75a3-4234-afcf-8ed649b080d3
- headline.gif · Image, 2899 KB · https://orphic.adarshji.com/api/public/files/05aa4afc-552c-400c-8ea7-4e9001a798ec
- ink-wash.gif · Image, 345 KB · https://orphic.adarshji.com/api/public/files/8e88155e-e7c1-425b-a2ff-8245e00155f0
- magazine-note.gif · Image, 1089 KB · https://orphic.adarshji.com/api/public/files/2c9a01d0-5604-4578-86ff-c8e6872574a9
- map-route.gif · Image, 3391 KB · https://orphic.adarshji.com/api/public/files/db39d1b5-e63c-4abc-8823-91efcff9bad6
- oscilloscope.gif · Image, 2149 KB · https://orphic.adarshji.com/api/public/files/8ea2b09e-06aa-4db4-ae5c-1583d4f5dc98
- paper-desk.gif · Image, 4466 KB · https://orphic.adarshji.com/api/public/files/f25b2c65-ebcd-49f3-8b9a-293161d504f0
- pencil-blueprint.gif · Image, 471 KB · https://orphic.adarshji.com/api/public/files/91ddca55-2b0e-4078-897a-cc6d4906abda
- retro-crt.gif · Image, 2672 KB · https://orphic.adarshji.com/api/public/files/f585b224-65f7-48f2-bbcd-95f515fe1731
- risograph.gif · Image, 4272 KB · https://orphic.adarshji.com/api/public/files/7a3b2f17-8024-4798-a3bd-363984c13f59
- screen-zoom.gif · Image, 1065 KB · https://orphic.adarshji.com/api/public/files/e16aa642-4eed-4854-9d47-2f952aff7288
- stat-chart.gif · Image, 236 KB · https://orphic.adarshji.com/api/public/files/87b69130-9191-49bb-b22d-1a5aafc6f265
- swiss-grid.gif · Image, 397 KB · https://orphic.adarshji.com/api/public/files/c2eb48a1-ff00-4487-b81c-d88d94884ff9
- teardown.gif · Image, 1373 KB · https://orphic.adarshji.com/api/public/files/789890c4-fa2d-452a-8c66-7a20cc0fe52a
- timeline.gif · Image, 2321 KB · https://orphic.adarshji.com/api/public/files/a7493787-0443-4834-b44c-ba298c780ac0

## From the same post

- [Remotion](https://orphic.adarshji.com/explore/remotion.md): Framework for making videos with React code; its official agent skills (npx skills add remotion-dev/skills) let Claude build motion… · tool · https://remotion.dev

## More in AI video

- [inference.sh skills](https://orphic.adarshji.com/explore/inference-sh-skills.md): Agent skills for the inference.sh CLI that give Claude access to hundreds of AI apps (40+ video models, 50+ image models); the reel uses… · repo · https://github.com/inference-sh/skills
- [gbro-collage-broll](https://orphic.adarshji.com/explore/gbro-collage-broll.md): Agent skill that turns a line from your script into an editorial halftone paper-collage b-roll clip, animated with Gemini first/last-frame… · repo · https://github.com/pyang5166/gbro-collage-broll
- [ReelMimic](https://orphic.adarshji.com/explore/reelmimic.md): Open-source (MIT) set of 36 Claude Code/Codex video skills: show it a video you like and an AI crew plans, builds and reviews a new one in… · repo · https://github.com/edenfunf/reelmimic
- [Wan2GP](https://orphic.adarshji.com/explore/wan2gp.md): Free, open-source AI video generator for low-VRAM GPUs that runs locally in a browser and supports Wan 2.1/2.2, LTX, Hunyuan Video and Flux… · repo · https://github.com/deepbeepmeep/WanGP
- [Remotion](https://orphic.adarshji.com/explore/remotion.md): Framework for making videos with React code; its official agent skills (npx skills add remotion-dev/skills) let Claude build motion… · tool · https://remotion.dev
- All of them: https://orphic.adarshji.com/explore/category/ai-video.md

Up: [AI video](https://orphic.adarshji.com/explore/category/ai-video.md) · [All categories](https://orphic.adarshji.com/explore.md) · [Start here](https://orphic.adarshji.com/llms.txt)