Plugins
1 pluginResults for “animations”
28 skills
vercel-labs Vercel React View Transitions
Add smooth, native-feeling page transitions and animations to React apps using the browser's View Transition API, with support for shared elements, enter/exit animations, and directional navigation.
28.7k · bundle
emilkowalski Apple Design
Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.
5k
emilkowalski Emil Design Eng 2
Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.
5k
nexu-io Motion Frames
Creates a hero frame with looping CSS animations including a rotating type ring, animated globe, ticking timer, and parallax labels.
· bundle
joshuashepherd Animation
Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.
1
scoheart Vercel React View Transitions
Adds smooth, native-feeling animations to React apps using the View Transition API, covering shared elements, route changes, and list reordering with CSS-based control.
2 · bundle
More results
auto-skiller Remotion Video Creation
Provides domain-specific best practices for creating videos with Remotion in React, covering 3D, animations, audio, captions, charts, transitions, and more.
1 · bundle
github Gsap Framer Scroll Animation
Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.
36.2k · bundle
heygen 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
affaan-m Motion Advanced
Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.
226k
alirezarezvani Landing
Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forces structured intake (product pitch, audience, brand, tone) before generating copy or markup.
20.4k · bundle
greensock Gsap Scrolltrigger
Create scroll-driven animations with pinning, scrubbing, and trigger-based timelines using GSAP ScrollTrigger.
10.9k
greensock Gsap Utils
Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.
10.9k
alirezarezvani Epic Design
Build cinematic, scroll-driven 2.5D websites with parallax depth, text animations, and premium effects using CSS and JavaScript.
20.4k · bundle
wondelai Top Design
Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.
1.6k · bundle
nexu-io Sprite Animation
Creates educational single-frame posters with pixel art mascots and kinetic typography using pure CSS keyframe animations, no JavaScript required.
· bundle
ibelick Fixing Motion Performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects.
3.5k
affaan-m Motion Patterns
Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.
226k
heygen 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
joshuashepherd Remotion
Creates programmatic videos with React using Remotion, covering compositions, animations, motion graphics, and MP4 rendering, plus walkthrough and content-to-animation workflows.
1 · bundle
heygen Hyperframes
Creates, edits, and renders videos and animations from HTML compositions using the HyperFrames framework, handling project state, input adaptation, and workflow routing.
· bundle
minimax-ai 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
emilkowalski Emil Design Eng
Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
5k
sakamoto-family-smile Motion UI
Implements accessible, performant animations and transitions in React/Next.js apps using Motion, with tokens, reduced-motion support, and device adaptation.
0
conardli 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
sdiamante13 Remotion Best Practices
Loads Remotion best practices for React video creation, covering animations, composition setup, assets, audio, captions, sequencing, transitions, media metadata, Three.js, Tailwind, and rendering patterns.
7 · bundle
nexu-io 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
jakubantalik 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