本文へ移動
cccskills

OpenDesign

@nexu-io

組織

The open-source stack for your design system.

669 スキル14 リポジトリ 12.3万

スキル(669)

検索で絞り込む

Slide In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

A bright particle burst from the center — a celebratory accent. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Zoom Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

A trail of sparkles — a light, delightful accent. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Slide In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Shake Y — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Field lines bending around poles — a hypnotic backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Slide Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Zoom In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Zoom In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Particles orbiting rings — an elegant loop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

A swirling galaxy of particles. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Zoom Out — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Linked nodes drifting — a data / AI backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

A number counts up then bursts — for a big stat. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Slide In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

anim-tada

無料

Tada — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Soft drifting gradient blobs — a warm ambient glow. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Fireworks launch and burst — a festive hero moment. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

An animated pagination dots indicator — Lottie JSON. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

A slow drifting starfield — a calm cosmic backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Zoom Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

aurora

無料

A living GPU shader background rendered in dependency-free WebGL — a distinctive, marketing-grade hero backdrop. One per view; put a scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

Confetti fires across the frame — for wins and reveals. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/motion-anything9412026年7月7日 更新

あなたのアカウントですか? GitHub 連携でクリエイターページにまとめられます