Motion Adjuster

Try it

Shipped runtime profile

Motion

OffSubtle

SelectionCharacterPointer ghost

Speed×

Intensity×

Ghost strength×

Body behavior

Feel and texture

Reach speed

Reach bounceζ

Merge bounceζ

Slide-along speed

Hold follow speed

Release speed

Let-go wobble×reach

Wobble fade/s

Approach easing

Smoothnesspx/pt

Grain

Sheen

Breath speed×

Arm drift×

Satellite dots

Echo distancepx

Echo size×

Body shapeTier

Move toward it, focus it, or press it.

Reachpx

Hold bumppx

Press squash%

Rest breath%

Sensing distancepx

Lobe widthpx

Arms

Arm length×

Irregularity

Arm thickness×

Body profile

Export the shape and response of every body tier. Selection motion has its own controls above.

Exported or imported profile

Loading preview…

Take it with you

Copy the example, API and usage notes for your editor or AI assistant.

Add to your project

Terminal

npx shadcn@latest add https://luv-jeri.github.io/cojeev-ui/r/adjuster.json

The command includes the component’s shared dependencies. Your project keeps editable source files.

Using motion adjuster

Use MotionControls for a compact character, speed, and intensity panel with an optional preview.
Use Adjuster to tune body tiers, change motion categories, and import or export the shared profile as JSON.

API

Compose the exported parts below. The prop types are read from the React source during the registry build.

Native element or underlying primitive props are inherited where declared, including accessible labels, event handlers and refs.

AdjusterProps

Prop	Type	Required
`defaultOpen`	`boolean`	No

MotionControlsProps

Prop	Type	Required
`showPreview`	`boolean`	No

Accessibility

Keep the provided labels, numeric inputs, and status messages when composing a settings panel.
Respect the device reduced-motion preference and keep essential state changes understandable without animation.

States and appearance

restopen

For conditional content, keep a MotionPresence boundary around keyed MotionSurface children. The shared entrance and exit states work with native primitives and respect your motion preference.

Try pointer and keyboard interaction, and switch the appearance control in the navigation to compare light and dark mode. Motion respects reduced motion preferences.