---
title: "ui-motion"
description: "High-taste UI motion skills: kinetic typography heroes, scroll-linked blur manifesto sections, and a thermal shader field you smear with a finger."
canonical: https://agentpluginsdirectory.com/plugins/ui-motion
last-updated: 2026-10-12
---

# ui-motion
High-taste UI motion skills: kinetic typography heroes, scroll-linked blur manifesto sections, and a thermal shader field you smear with a finger.
- Slug: ui-motion
- Publisher: Adam Perlis
- Repository: https://github.com/adamperlis/adam-plugins
- Manifest: plugins/ui-motion/plugin.json
- Version: 0.2.0
- License: MIT
- Category (editorial): other
- Skills: 3 (kinetic-inflated-hero, scroll-blur-manifesto, thermal-finger-trail)
- MCP servers: 0
- Stars: 11
- Repository created: 2026-09-30
- Repository last pushed: 2026-10-11
- Publisher type: User
- Listing: https://agentpluginsdirectory.com/plugins/ui-motion
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What ui-motion does, in the publisher's words

Three reusable frontend skills for kinetic hero typography, scroll-driven text reveals and a touch-reactive thermal shader, available for Claude Code and Codex.

Try the live interactive demo: explore the hero and the scroll reveal, adjust the DialKit controls, and copy a component with your settings.

Try the thermal finger trail: drag across the disc, press to ripple, tune every constant in DialKit, and copy it.

- an electric-blue kinetic inflated hero whose letters fit measured space around the nav, statement, and bottom copy
- a per-letter invisible-word blur/refocus effect
- a warm editorial scroll section
- sharp and pre-blurred text layers that crossfade on scroll
- separate Hero and Section reveal panels using real DialKit, with saved values and presets

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/adamperlis/adam-plugins/HEAD/plugins/ui-motion/README.md

## Skills

- kinetic-inflated-hero: Design or implement full-viewport kinetic typography heroes using inflated physical letterforms, Matter.js-style motion, Pretext-inspired type behavior, and SVG goo/blur effects. Use when the user asks for a memorable animated hero, kinetic brand object, inflated type, soft-body letters, or a Zine-…
- scroll-blur-manifesto: Design or implement quiet editorial manifesto sections where large text resolves from blurred ghost layers into sharp copy on scroll. Use when the user asks for scroll blur, blur-to-sharp transitions, Lenis/GSAP ScrollTrigger word reveals, or a warm editorial manifesto section.
- thermal-finger-trail: Build an interactive heat-camera field that a finger or cursor smears like wet paint, a WebGL fragment shader with a domain-warped thermal blob, a seven-stop heat ramp, a velocity-carrying pointer trail, and a press ripple. Use when the user wants a thermal/heatmap effect, a "finger through paint"…

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.