Kinetic Margin bởi h74611264

Give a page a little rhythm, one considered choice at a time.

Kinetic Margin is a small motion workbench for the website you are viewing. Choose Rise, Drift, Breathe or Tilt, then select a heading, image or small non-interactive block directly on the page. An on-page editor lets you preview the movement, adjust its duration and strength, choose an easing curve, and save it to that page's recipe.

Choose how a motion starts: when you apply the recipe, when the pointer enters the element, or the first time it scrolls into view after applying. Motions are brief; they do not run in an endless loop. Replay a saved recipe from the toolbar popup whenever you want it.

Features:
- Four motions with a live preview in the popup.
- Duration from 300 to 2,400 milliseconds and adjustable strength.
- Soft landing, crisp ease and linear curves.
- Explicit on-page selection with an outline and an Escape-to-cancel action.
- A local recipe for each page, with up to 12 motions per page and 50 saved pages.
- Remove one saved motion, forget a page, or delete all saved recipes with confirmation.
- Clear live motion without overwriting the page's original inline styles or cancelling unrelated page animations.
- Reduced-motion support and pausing when the decorated tab becomes inactive.

Open a regular HTTP or HTTPS website, choose a motion, click “Choose an element on this page”, and select a supported element. Use Preview, then Save motion. On a later visit, open the popup and press Apply saved. Recipes do not automatically run on page load.

Links, forms, media controls, frames, shadow-root hosts, custom elements and fixed or sticky controls are excluded from selection. Large containers and very small targets are also excluded. Motion is intended for a page's decorative or editorial elements. A site may change its layout or element identifiers; missing, ambiguous or incompatible targets are skipped rather than guessed. Saved recipes use origin and path, so query strings and fragments do not create separate recipes.

Everything runs on the device. No account, analytics, advertising, remote code or external service is used.