Skip to main content

nexu-io/motion-anything

SkillsMP a collecté 222 skills depuis nexu-io/motion-anything. Ouvrez un skill pour examiner sa source et ses détails.

Dernière activité source enregistrée
Catalogue SkillsMP mis à jour
skills collectés
222
Étoiles GitHub
721
Forks GitHub
87

Affichage de 40 skills collectés sur 222.

métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Concepteurs web et d'interfaces numériques
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
métier
Développeurs web
description

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.

Langue du texte source : anglais

mis à jour
Affichage de 40 skills collectés sur 222.