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”
46 skillsGsap React
Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.
10.9k
Social Spotify Card
Renders a Spotify Now Playing card with album art, progress bar, and playback controls for video overlays or personal pages.
· bundle
Frontend Dev
Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.
12.9k · bundle
Hyperframes Keyframes
Creates seek-safe 2D/3D keyframe animations using GSAP, CSS, Anime.js, WAAPI, FLIP, SVG morph/draw, and text trails for HyperFrames compositions.
· bundle
Web Design Engineer
Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.
9.2k · bundle
Motion Foundations
Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.
226k
Remotion Render
Render videos from React/Remotion component code via inference.sh CLI. Pass TSX code, get MP4 output with configurable resolution, FPS, duration, and codec.
584
Mockup Device 3d
Renders UI content inside 3D iPhone and MacBook mockups using CSS transforms, with glass lens flares, ground reflection, and an optional turntable animation.
· bundle
Transitions Dev
Provides portable CSS transitions for common UI patterns like dropdowns, modals, tooltips, and skeleton loaders. Each transition is a drop-in snippet with semantic CSS custom properties and a prefers-reduced-motion guard.
· bundle
Apple Design
Translates Apple's fluid interface design principles—springs, interruptible motion, velocity handoff, and momentum projection—into concrete web techniques for building and reviewing gesture-driven UI.
2