motion-frames

Original：🇨🇳 Chinese

Translated

Loopable CSS Animation Combinations: Rotating Ring, Globe, Timer, Parallax Labels

2installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything motion-frames

SKILL.md Content (Chinese)

View Translation Comparison →

【Template: Motion Frame / Hero Loop】【Purpose】A hero frame with loopable animations, which can be used as a video opening or landing page banner. 【Layout】

Rotating type ring (SVG + transform)
Animated globe / Abstract geometry
Ticking timer (monospace font, JS optional)
Parallax labels floating 【Design Details】
Pure CSS animations, smooth and loopable
Cinematic color palette + 1 neon accent

motion-frames

NPX Install

Tags

SKILL.md Content (Chinese)