13 个仓库
Dynamic visual animations, parallax scrolling, and transitions that react to user interaction or page events.
Distinct from Interaction Effects: Specifically covers complex motion paths and parallax scrolling, moving beyond simple state-based visual feedback.
Explore 13 awesome GitHub repositories matching user interface & experience · Motion Effects. Refine with filters or upvote what's useful.
FlycoTabLayout is a Java-based library for building tabbed navigation interfaces in Android applications. It functions as a custom view component and navigation tool that allows developers to organize content into switchable categories using customizable indicators and animations. The library distinguishes itself through integrated notification badge components that display unread message tips and status indicators directly on individual tabs. It also provides specialized navigation synchronization, allowing the tab layout to function as a standalone component or as a linked navigation bar ti
Applies motion effects and bounce animations to the selection indicator when switching views.
nodeppt 是一个 Markdown 演示文稿生成器和静态网站生成器,将 Markdown 源文件转换为交互式 Web 幻灯片。它由一个命令行构建工具和一个用于在 Web 浏览器中呈现演示文稿的专用前端运行时组成。 该项目具有双屏演示运行时,可将观众视图与私有演讲者备注监视器同步。它采用基于插件的 Markdown 流水线和后处理 DOM 转换系统,将自定义语法转换为结构化 HTML 内容。 该框架支持技术内容生成,包括数学公式渲染、代码语法高亮和交互式图表嵌入。它提供了一个用于网格和卡片设计的布局系统、视觉运动效果以及数据驱动的可视化功能。 项目包含一个用于实时迭代的本地开发服务器,并提供了一个将演示文稿导出为 PDF 文档的工具。
Provides visual motion effects such as fades and zooms to control element flow during presentations.
Elementor is a visual page builder for WordPress that provides a drag-and-drop interface for creating responsive layouts and custom themes. It functions as a comprehensive design system manager and theme builder, allowing for the creation of global website components such as headers, footers, and archive pages without writing code. The platform distinguishes itself through a dedicated popup builder with custom trigger conditions and a visual landing page creator that utilizes pre-made kits. It includes a global style registry to synchronize fonts and colors across all site elements and a widg
Adds interactive animations, parallax scrolling, and visual transitions to create more engaging user experiences.
bounce.js 是一个 JavaScript 库和程序化包装器,用于生成和应用 CSS3 关键帧动画和 3D 变换。它提供了一个无需编写手动样式表规则即可创建复杂动画序列的工具。 该库允许通过链接缩放、旋转、平移和倾斜变换来创建动画。这些生成的序列可以以唯一名称保存,以便在多个元素之间重复使用。 该系统通过在视觉序列完成时触发的回调函数来管理动画生命周期。它还包括一个兼容性检查器,以验证浏览器环境是否支持所需的 3D 变换和关键帧规范。
Enables adding polished motion effects and 3D transitions to web elements to improve user experience.
animateplus 是一个轻量级的 JavaScript 动画库,旨在为网站元素创建高性能的 60 FPS 视觉过渡和数值插值。它作为一个基于 Promise 的动画引擎,使用 async await 模式来编排复杂的运动时间轴和时间延迟。 该库包含一个运动模糊模拟器,可沿 X 和 Y 轴应用方向性速度模糊,以模拟高速运动。它还提供了一个数值插值工具,用于在不同状态之间转换颜色和图形属性。 该系统管理高性能元素控制,允许精确地启动、停止和延迟动画。它还通过逐帧回调支持动态运动效果,可以在动画过程中触发外部逻辑。
Adds visual polish using simulated motion blur and frame-by-frame callbacks that react to animation progress.
BoomMenu 是一个 Android 径向菜单库和 UI 动画框架,旨在创建可展开的浮动操作按钮。它提供了一组可编程的自定义视图组件,使用 3D 变换以径向、水平或垂直模式显示子菜单项。 该库的特色在于其 3D 变换动画引擎,利用非线性缓动、缩放和旋转在菜单展开时产生深度感。它包括用于共享样式菜单的专用布局模式,以及用于精确项目位移的基于坐标的映射系统。 该框架涵盖了广泛的 UI 功能,包括带有标签按钮的灵活菜单构建、动态内容更新以及用于视觉聚焦的背景变暗。它支持跨各种 Android 组件(如操作栏、片段和可滚动视图)的集成,同时提供用于可拖动定位和程序化状态控制的工具。 为了保持性能,该项目实现了视图回收资源缓存,以重用按钮实例并减少展开周期中的对象创建。
Implements acceleration and deceleration effects for the movement and rotation of radial menu buttons.
Sakurairo 是一款功能丰富的 WordPress 主题和个人博客框架,专为多语言站点设计。它作为一个视觉层,提供全面的布局控制,从具有玻璃拟态效果的动态 UI 工具包到完整的个人品牌站点模板。 该项目通过 AI 内容增强脱颖而出,利用大语言模型自动总结文章并生成交互式术语注释。它还集成了 Steam 和 Bilibili 等平台的外部活动跟踪和个人资料同步功能。 该主题包含广泛的功能,涵盖视觉设计(如定时深色模式和背景动画)以及性能优化(如 PJAX 导航和 WebP 图像路由)。其他功能领域包括链接可用性监控、实时搜索覆盖层,以及用于主题设置备份和恢复的管理工具。
Creates a customizable typing effect for header text in the hero section.
Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin
Provides specialized text motion effects including typewriter, scale, and fade animations.
Animate UI is an animated UI component library and motion-enhanced design system. It provides a collection of pre-animated interface elements and layout primitives used to build interactive web user interfaces. The library is integrated with the Model Context Protocol, making it an MCP compatible component set that allows AI coding tools to automatically discover and implement its components. It also functions as an accessibility-aware animation framework that respects system-level reduced motion settings. The system covers a broad range of interactive visual effects, including animated typo
Provides dynamic visual animations and transitions that react to user interaction across typography and backgrounds.
Terminal-kit is a Node.js toolkit for building command-line applications and console user interfaces. It provides a comprehensive suite of utilities for console text styling, terminal graphics rendering, input parsing, and interactive interface construction. The library features a cell-based text grid model, a component document tree for hierarchical layout of interactive widgets, and off-screen pixel buffering for multi-layered image composition and manipulation. It handles direct escape-sequence output control and raw-mode input parsing to manage display regions and capture user interaction
Outputs text character by character with an old-fashioned typing delay and flashing cursor effect.
This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered
Offers inline utility classes for applying motion effects to dimensions and opacity.
uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.
Provides stylized identity marks and logos using motion effects to enhance brand recognition.
React Native Motion is a cross-platform animation library designed for building fluid transitions and motion effects within mobile applications. It functions as a declarative engine that parses static configuration objects to orchestrate complex visual sequences and interface updates. The library distinguishes itself through a native-driven execution model that processes animation frames directly on the native UI thread, bypassing the JavaScript bridge to maintain performance. It provides specialized tools for shared element transitions, which track component geometry across navigation bounda
Transforms interface elements using standard visual adjustments like scaling, opacity, and translation to improve responsiveness.