Unclecheng-li/AI_Animation

This project organizes AI prompts for generating [cool HTML animated web pages], covering animation effects, 3D visualization, PPT-style presentations, UI enhancement, and more.

About the project

AI Animation Skills is a collection of agent instructions and templates for generating single-file HTML animations, including presentations, diagrams, protocol visualizations, phone interfaces, and video-style scenes. People use the skills with AI coding agents to create animated web pages from descriptions or templates. The catalogue entries are the collection's individual generation workflows.

1.6kStars on the repository
95Mods indexed here, across every type
2d agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

hero-calendar-flip

25

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A red-header desk calendar flips its page from 3 to 4. Function: date advance / ship-day marker.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-card-flip3d

26

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A cyan product card flips on Y to reveal READY. Function: status flip / card reveal.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-chat-bubbles

27

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A light messaging thread fills with alternating incoming and outgoing bubbles. Function: conversation UI reveal for collaboration products.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-checklist-pop

28

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A concrete launch checklist checks off four shipping steps while a side card explains the function. This is task-completion UI motion.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-compass-spin

29

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A mint compass dial spins its needle past north, then settles. Function: orientation / wayfinding settle.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-constellation

30

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Nodes appear, links connect, then the graph gently rotates. Function: network / graph / system map (textless).

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-counter-rise

31

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A large metric counts from zero to one hundred twenty-eight while a supporting chip slides in. Use it for growth and traction storytelling on UI2V.

not rated 1.6k +54 2d ago A 0 tokens original MIT

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Four CI stages (Lint → Test → Build → Deploy) turn green with connecting rails. Function: ship / CI success / release.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-dial-gauge

33

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

An instrument cluster needle sweeps while a large percent counts up. Function: capacity or health readout rather than a marketing slogan.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-diff-highlight

34

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A dark code editor reveals a red deletion then a green addition with a soft pulse. Function: PR / code-change explainer.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-film-countdown

35

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A cinema leader counts 3 → 2 → 1 → 0 inside a framed gate with sprocket rails. Function: standby / intro bumper before a feature moment.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-flip-clock

36

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Mechanical flip-clock cards roll toward a launch timestamp. This piece is about time-to-event, not abstract glow or kinetic slogans.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-folder-expand

37

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A yellow project folder flaps open and a paper sheet rises listing composition files. Function: project contents reveal.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-form-validate

38

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Three form fields turn green with checkmarks, then the CTA unlocks. Function: signup / validation / trust.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-glass-panel

39

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A frosted glass workspace card floats over a cool radial field with three metric pills. This is a product-UI hero, not kinetic type or particle work.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-glass-refract

40

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Liquid-metal photo behind a frosted glass slab with a specular sweep. Function: premium product glass / UI chrome.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-grid-ripple

41

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A teal lattice blooms from the center while ripple rings expand. Function: signal / field / mesh pulse (textless).

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-heatmap-pulse

42

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A night activity board lights contribution cells week by week. Function: engagement / streak / activity heatmap.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-horizon-scan

43

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Grid lines fade in, a glowing horizon locks, and a vertical scan sweeps the frame. Ideal for sci-fi or infrastructure product heroes.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-ink-bloom

44

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Soft blurred blooms expand and drift like ink in water. The piece gives UI2V a warmer organic option next to geometric heroes.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-invoice-total

45

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A clean invoice reveals three line items, then counts the total to $610. Function: billing / paid receipt.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-kanban-move

46

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A yellow sticky card slides from the Doing column into Done on a warm cork-board style kanban. Function: workflow state change — productivity motion, not decorative particles.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-keymap-press

47

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A dark keyboard chord presses Ctrl → Shift → P then confirms a publish queue. Function: shortcut / power-user action.

not rated 1.6k +54 2d ago A 0 tokens original MIT

hero-liquid-blob

48

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

A cyan SVG blob morphs through three organic shapes. Function: fluid identity / morph (textless).

not rated 1.6k +54 2d ago A 0 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: