Run any Skill in Manus with one click

checkbox-pop

Stars391

Forks34

UpdatedJuly 6, 2026 at 14:56

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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

nexu-io

nexu-io/motion-anything

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

File Explorer

5 files

SKILL.md

readonly

name	checkbox-pop
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.
triggers	["checkbox","勾选动效"]
od	{"mode":"prototype","surface":"web","platform":"mobile","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use checkbox-pop on the icon: a quick, native-feeling micro-interaction with a\nprefers-reduced-motion fallback.\n"}

Checkbox Pop

A checkbox that pops and draws its check on toggle. An App-UI micro-interaction. Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

Native-feeling feedback on App components (buttons, tabs, sheets, toasts, form controls).

When NOT to use it (restraint)

Don't slow a frequent action. Don't decorate a control that doesn't change state.

Accessibility & performance

prefers-reduced-motion: shortened / disabled. Transform & opacity only (GPU-safe).

More from this repository

same repository

xyz-fade-big

nexu-io/motion-anything

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.

2026-07-06391

xyz-fade-down

nexu-io/motion-anything

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.

2026-07-06391

xyz-fade-left

nexu-io/motion-anything

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.

2026-07-06391

xyz-fade-right

nexu-io/motion-anything

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.

2026-07-06391

xyz-fade-small

nexu-io/motion-anything

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.

2026-07-06391

xyz-fade-up

nexu-io/motion-anything

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.

2026-07-06391

name	checkbox-pop
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.
triggers	["checkbox","勾选动效"]
od	{"mode":"prototype","surface":"web","platform":"mobile","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use checkbox-pop on the icon: a quick, native-feeling micro-interaction with a\nprefers-reduced-motion fallback.\n"}

Checkbox Pop

A checkbox that pops and draws its check on toggle. An App-UI micro-interaction. Part of motion-anything; obeys MOTION-SPEC.md.

When to use it

Native-feeling feedback on App components (buttons, tabs, sheets, toasts, form controls).

When NOT to use it (restraint)

Don't slow a frequent action. Don't decorate a control that doesn't change state.

Accessibility & performance

prefers-reduced-motion: shortened / disabled. Transform & opacity only (GPU-safe).