Skip to main content

nexu-io/motion-anything

SkillsMP hat 222 Skills aus nexu-io/motion-anything gesammelt. Öffne einen Skill, um Quelle und Details zu prüfen.

Letzte erfasste Quellaktivität
SkillsMP-Katalog aktualisiert
gesammelte Skills
222
GitHub-Stars
721
GitHub-Forks
87

Es werden 40 von 222 gesammelten Skills angezeigt.

Beruf
Webentwickler
Beschreibung

Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade Right — a composable AnimXYZ entrance via the xyz="fade right-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade Small — a composable AnimXYZ entrance via the xyz="fade small-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade Up — a composable AnimXYZ entrance via the xyz="fade up-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Flip Left — a composable AnimXYZ entrance via the xyz="fade flip-left-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

Flip Up — a composable AnimXYZ entrance via the xyz="fade flip-up-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

Rise Big — a composable AnimXYZ entrance via the xyz="fade up-5 big-25%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

Rotate In — a composable AnimXYZ entrance via the xyz="fade rotate-right-45" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A bottom sheet slides up over a dimmed backdrop, then dismisses. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A checkbox that pops and draws its check on toggle. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A bottom tab bar whose active pill slides between tabs. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.

Quellsprache: Englisch

Aktualisiert
Beruf
Web- und digitale Schnittstellendesigner
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back In Left — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back Out Left — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Back 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce In — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce In Left — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce Out Left — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Bounce 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade In — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade In Bottom Left — 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade In Bottom 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade 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.

Quellsprache: Englisch

Aktualisiert
Beruf
Webentwickler
Beschreibung

Fade In Down Big — 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.

Quellsprache: Englisch

Aktualisiert
Es werden 40 von 222 gesammelten Skills angezeigt.