Plugins
2 plugins@owl-listener
Interaction Design
Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.
16 skills · plugin
curated
GSAP Landing Page
Build and deploy a high-impact landing page using GSAP animations, bento layout, and persuasive copy.
3 skills · plugin
Results for “animation”
29 skillsThreejs Animation
Create and control Three.js animations including keyframe, skeletal, morph target, and animation blending.
2.5k
Animation Principles
Apply animation principles to UI motion for purposeful, polished interactions.
1.7k
Animation Vocabulary
Look up the precise term for a web animation or motion effect from a vague description, such as 'the bouncy thing when a popover opens' → 'Pop in'.
5k
Find Animation Opportunities
Sweeps a codebase or UI for places that would genuinely benefit from motion, applying a strict gate to reject over-animation, and proposes precise animation recipes without implementing them.
5k
Animation Vocabulary 2
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term, helping users name effects for prompting AI or designers.
5k
Improve Animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
More results
Review Animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
5k · bundle
Frame Logo Outro
Generates a video outro frame with a logo assembled from geometric blocks, glow bloom animation, tagline reveal, and CTA, using pure CSS/SVG.
· bundle
Hyperframes Animation
Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.
· bundle
Review Animations 2
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.
5k · bundle
Slack Gif Creator
Create animated GIFs optimized for Slack with proper dimensions, colors, and animation techniques using PIL and provided utilities.
158k · bundle
Muapi 3d Logo Animation
Transforms a 2D logo into a premium 3D version and animates it with professional cinematic effects.
3.7k
Hyperframes
Creates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.
· bundle
Motion System
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
1.7k
Remotion Markup
Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.
3.9k · bundle
Motion Graphics
Creates short, design-led motion graphics like kinetic typography, data visualizations, logo reveals, and animated maps, rendered as MP4 or transparent overlays.
· bundle
Whimsy Injector
Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.
2
Frame Glitch Title
Generates a single-file HTML page with a cyberpunk glitch-art title frame, featuring chromatic aberration, scanlines, noise grain, and data-corruption animations.
· bundle
Oversized Cursor
Provides a production-proven oversized macOS-style cursor technique for launch videos, covering size, entry, tip-targeting, click animation, and exit laws to carry the viewer's eye.
Remotion
Generate walkthrough videos from Stitch project screens using Remotion with smooth transitions, zoom effects, and text overlays.
42.4k
Remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.
6.4k · bundle
Remotion
Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.
5
Remotion Render
Renders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.
3.9k · bundle
Manim Video
Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.
226k · bundle
Transitions Polish
Polishes existing motion against the transitions.dev motion-token scale by auditing duration, distance, scale, blur, and easing values and suggesting token-based corrections.
· bundle
Vfx Text Cursor
Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.
· bundle
Muapi Character Story Video
Generates a multi-part animated story video by establishing a consistent character, creating sequential scenes, and animating them using image generation and image-to-video models.
3.7k
Motion Doctrine
Defines the high-level motion law for multi-scene videos, ensuring seamless transitions and continuous camera movement through vector rules, carriers, causal motion, and seam enforcement.
· bundle
Vox Director
Turns a one-line topic into a finished Vox-style paper-collage explainer or ad video, automating script, collage keyframes, motion, voice-over, music, and captions via the Atlas Cloud API and local ffmpeg.
42 · bundle