# CSS center zoom animation

> AI-ranked search results for `center expansion effects` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 119 total matches; showing the top 16.

Explore on the web: https://awesome-repositories.com/q/center-expansion-effects

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/center-expansion-effects).**

## Results

- [visionmedia/move.js](https://awesome-repositories.com/repository/visionmedia-move-js.md) (4,698 ⭐) — move.js is a JavaScript motion engine and CSS3 animation framework designed to animate DOM elements. It functions as a DOM animation library that changes visual element properties and colors over time.

The library serves as a CSS bezier easing controller, using cubic-bezier curves to manage animation acceleration and deceleration. It enables sequential motion design, allowing multiple visual steps to execute in a specific order.

The framework covers the animation of element properties such as position, rotation, scale, skew, and colors. It provides capabilities for UI component transitions a
- [rich-harris/ramjet](https://awesome-repositories.com/repository/rich-harris-ramjet.md) (5,438 ⭐) — Ramjet is a JavaScript animation engine and DOM element morphing library. It functions as a transition utility that animates movements and dimensions between different HTML elements to create visual shifts between interface states.

The library specializes in cross-tree element morphing, which allows it to animate the position and dimensions of one element to match another regardless of their relative location in the document hierarchy. It achieves this by calculating visual offsets and utilizing a customizable cloning mechanism to create temporary visual proxies.

The system manages organic m
- [popmotion/popmotion](https://awesome-repositories.com/repository/popmotion-popmotion.md) (20,171 ⭐) — Popmotion is a JavaScript animation library and declarative motion engine designed for creating programmatic motion and interactive transitions within web user interfaces. It provides a functional animation API that allows developers to define complex animation sequences through configuration objects rather than manual frame management.

The engine utilizes a functional approach to animate user interface elements, implementing spring-based physics simulations to mimic real-world momentum. It employs interpolation-based value mapping and functional transformations to translate animation progres
- [julianshapiro/velocity](https://awesome-repositories.com/repository/julianshapiro-velocity.md) (17,217 ⭐) — Velocity is a JavaScript animation library used to create high-performance CSS and SVG animations. It functions as a CSS property interpolator and a spring physics engine, enabling the creation of smooth visual transitions and organic movement for web elements.

The project provides a programmatic interface for modifying vector attributes and 3D transformations through its SVG animation framework. It further distinguishes itself as an animation sequence orchestrator, allowing for the chaining of movements and the staggering of start times across multiple elements using promises.

The library c
- [daniel-lundin/snabbt.js](https://awesome-repositories.com/repository/daniel-lundin-snabbt-js.md) (5,175 ⭐) — snabbt.js is a JavaScript motion framework and CSS transform animation library used to create high-performance animations for DOM elements. It functions as a 3D CSS animation engine and a matrix-based geometry toolkit for calculating precise translations, rotations, scales, and skews.

The framework provides a user-driven animation controller that allows animation progress to be tied to manual user input rather than standard time-based playback. It enables the simulation of depth and perspective by animating HTML elements into three-dimensional shapes.

The system covers motion orchestration t
- [juliangarnier/anime](https://awesome-repositories.com/repository/juliangarnier-anime.md) (69,932 ⭐) — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline.

The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c
- [greensock/gsap](https://awesome-repositories.com/repository/greensock-gsap.md) (23,877 ⭐) — GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion.

The library distinguishes itself through a modular, plugin-based extensib
- [pmndrs/react-spring](https://awesome-repositories.com/repository/pmndrs-react-spring.md) (29,115 ⭐) — React-spring is a physics-based animation library designed to create fluid, natural motion for user interface elements and three-dimensional objects. It functions as a declarative motion framework that maps state changes to animated property values, utilizing spring physics—defined by mass, tension, and friction—rather than traditional time-based easing functions to calculate transitions.

The library distinguishes itself through a rendering-agnostic architecture that decouples animation logic from specific UI frameworks, allowing for consistent application across web interfaces, 3D scenes, an
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [framer/motion](https://awesome-repositories.com/repository/framer-motion.md) (32,388 ⭐) — Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces.

The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions.

The library covers a broad range of motio
- [davidhdev/react-bits](https://awesome-repositories.com/repository/davidhdev-react-bits.md) (41,207 ⭐) — React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input.

The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t
- [argyleink/transition.css](https://awesome-repositories.com/repository/argyleink-transition-css.md) (2,020 ⭐) — Transition.css is a CSS animation library and declarative UI animation framework that provides pre-built entry and exit animations triggered directly by HTML attributes without requiring custom JavaScript. It functions as a CSS transition toolkit, supplying customizable animation sequences and geometry primitives designed for rapid web interface prototyping.

The library enables users to apply page and element transitions, trigger pre-built visual effects, and compose custom transitions by combining raw keyframes with custom state properties. Animation timing, delays, pacing curves, and transi
- [h5bp/effeckt.css](https://awesome-repositories.com/repository/h5bp-effeckt-css.md) (10,817 ⭐) — Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions.

The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions.

The framework covers a suite of visual capabilities, including directional entran
- [minimac/magic](https://awesome-repositories.com/repository/minimac-magic.md) (8,601 ⭐) — Magic is a CSS animation library and visual effects framework providing a collection of predefined motion styles for moving, rotating, and transforming web elements. It serves as a build-time CSS optimizer that compiles only the specific animation styles used in a project to minimize the final stylesheet size.

The framework enables interactive user interface development by allowing animations to be triggered programmatically through scripts, hover events, or timing delays. It utilizes a system of timing and motion classes to manage the duration and speed of visual transitions.

The project co
- [joshwcomeau/react-flip-move](https://awesome-repositories.com/repository/joshwcomeau-react-flip-move.md) (4,139 ⭐) — react-flip-move is a React animation library designed for animating DOM element transitions and list reordering using the FLIP technique. It functions as a layout transition component and a DOM transition utility to create smooth movement during state changes.

The library specializes in hardware-accelerated transitions for elements as they are added, removed, or reordered within a list. It employs bounding-box position tracking to calculate layout shifts and supports staggered animation timing to create sequenced visual flows.

Its capability surface covers layout transition orchestration, in
- [airbnb/lottie](https://awesome-repositories.com/repository/airbnb-lottie.md) (4,922 ⭐) — Lottie is a JSON vector animation engine and cross-platform player that renders resolution-independent motion graphics. It functions as a runtime renderer that translates Adobe After Effects compositions into real-time animations using a JSON-based intermediate representation.

The project distinguishes itself by enabling dynamic control over vector assets at runtime. It allows for the programmatic modification of animation properties, colors, and playback states through hierarchical key-paths and dynamic theming. This allows animations to respond to real-time application state changes and use