Define reusable Framer Motion variants for Bellog UI animations.
npx skills add https://github.com/whddltjdwhd/bellog --skill bellog-animations
Please help me install this Agent Skill. Skill: bellog-animations Source: https://github.com/whddltjdwhd/bellog/tree/main/.claude/skills/bellog-animations Command: npx skills add https://github.com/whddltjdwhd/bellog --skill bellog-animations
Provides a structured, reusable set of Framer Motion animation patterns and practices to standardize Bellog's UI motion.
Import the bellog-animations patterns and apply the provided variants to your Framer Motion components to start adding motion immediately.
High-intent search queries and answers about installing and using this skill.
Create staggered entrance animations in Framer Motion by using predefined variant patterns for lists and grids. These patterns establish visual rhythm and readability while maintaining consistent timing and easing across UI components.
Create staggered entrance animations in Framer Motion by applying structured variant patterns to lists and grids. These reusable patterns establish visual rhythm and readability while maintaining consistent timing and easing across UI components.
Yes, accessible fallbacks for reduced motion are supported. The animation patterns include structured guidance ensuring that users with reduced motion preferences experience appropriate static or simplified UI states.
The best way to implement page transitions and hover interactions is by using reusable Framer Motion variant patterns. These standardized patterns enhance navigation and interactivity while maintaining a consistent motion language across your web application.
Yes, you can add ambient decorative animations using Framer Motion. The patterns include structured 'living' blob animations designed to provide engaging ambient motion that intentionally avoids distracting users from the core interface.
Maintain a consistent motion language by applying a reusable set of Framer Motion patterns that standardize timing, easing, and accessibility. This structured approach ensures uniform animations across lists, cards, and navigation during UI development.
DiegoHeerGenerate reusable Framer Motion animations for React components.
remiconnessonApply animation best practices to React and Framer Motion interfaces.
somachakAutomates GPU-accelerated UI animations for React apps using Motion.dev across multiple frameworks.
DanielV-94Create web UI animations with Framer Motion, CSS keyframes, and GSAP.
