awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
tictail avatar

tictail/bounce.js

0
View on GitHub↗
6,165 stars·407 forks·CSS·MIT·15 viewsbouncejs.com↗

Bounce.js

bounce.js is a JavaScript library and programmatic wrapper for generating and applying CSS3 keyframe animations and 3D transformations. It provides a tool for creating complex animation sequences without the need to write manual stylesheet rules.

The library allows for the creation of animations by chaining scale, rotation, translation, and skew transformations. These generated sequences can be saved under unique names for reuse across multiple elements.

The system manages the animation lifecycle through callback functions that trigger when a visual sequence completes. It also includes a compatibility checker to verify if the browser environment supports the required 3D transforms and keyframe specifications.

Features

  • CSS3 Hardware-Accelerated Animations - Provides a programmatic wrapper for creating complex CSS3 hardware-accelerated animations and 3D transformations.
  • Animation Libraries - Acts as a JavaScript library for generating and applying CSS3 keyframe animations.
  • Keyframe Animation Systems - Generates reusable CSS animation sequences by chaining scale, rotation, translation, and skew transformations.
  • 3D Transform Animations - Provides a programmatic interface for creating depth-based motion effects using 3D CSS transforms.
  • Chainable Definitions - Implements a chainable API to build complex CSS sequences by linking scale, rotation, and translation methods.
  • Dynamic Element Animation - Allows attaching generated animations to DOM elements with support for loops and completion callbacks.
  • CSS Animations - Provides a programmatic way to generate CSS keyframe animations through transformation chaining.
  • Custom Keyframe Sequences - Allows the programmatic definition and injection of unique keyframe sequences for DOM elements.
  • Keyframe Injection - Dynamically generates unique animation names and injects the corresponding CSS keyframe rules into the document head.
  • Named Animation Registrations - Enables saving generated animation sequences under unique names for reuse across multiple elements.
  • Named Theme Registrations - Maps generated animation identifiers to global styles to allow reuse across multiple elements.
  • Animation Lifecycle Callbacks - Includes callback functions that trigger specifically when a CSS animation sequence completes.
  • Motion Effects - Enables adding polished motion effects and 3D transitions to web elements to improve user experience.
  • Animation and Motion - Instant CSS3 animation creation.
  • Animations and Motion - Generates CSS3-powered animations quickly.
  • CSS Animation Libraries - Tool for creating CSS3-powered animations.
  • 动画(Animate) - Listed in the “动画(Animate)” section of the Awesome Frontend awesome list.

Star history

Star history chart for tictail/bounce.jsStar history chart for tictail/bounce.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does tictail/bounce.js do?

bounce.js is a JavaScript library and programmatic wrapper for generating and applying CSS3 keyframe animations and 3D transformations. It provides a tool for creating complex animation sequences without the need to write manual stylesheet rules.

What are the main features of tictail/bounce.js?

The main features of tictail/bounce.js are: CSS3 Hardware-Accelerated Animations, Animation Libraries, Keyframe Animation Systems, 3D Transform Animations, Chainable Definitions, Dynamic Element Animation, CSS Animations, Custom Keyframe Sequences.

Which projects share features with tictail/bounce.js?

Projects with overlapping indexed features include: hakimel/stroll.js — stroll.js is a frontend UI animation library designed to transform standard web lists into three-dimensional scrolling… visionmedia/move.js — move.js is a JavaScript motion engine and CSS3 animation framework designed to animate DOM elements. It functions as a… rstacruz/jquery.transit — This project is a jQuery plugin and animation extension that enables hardware-accelerated CSS3 transitions and… h5bp/effeckt.css — Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of… daneden/animate.css — Animate.css is a CSS animation library and browser-based motion framework. It provides a collection of pre-made… formidablelabs/react-animations — React animations is a CSS keyframe animation library and inline style animation tool designed for React applications.…

Projects sharing features with Bounce.js

These projects share indexed features with Bounce.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • hakimel/stroll.jshakimel avatar

    hakimel/stroll.js

    4,342View on GitHub↗

    stroll.js is a frontend UI animation library designed to transform standard web lists into three-dimensional scrolling displays. It functions as a tool for creating depth-based perspectives using CSS3 transforms. The library specializes in 3D web animations and interactive list design. It implements visual effects that respond to user movement, adding spatial depth and perspective to list elements as they are navigated.

    HTML
    View on GitHub↗4,342
  • visionmedia/move.jsvisionmedia avatar

    visionmedia/move.js

    4,698View on GitHub↗

    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

    JavaScript
    View on GitHub↗4,698
  • rstacruz/jquery.transitrstacruz avatar

    rstacruz/jquery.transit

    7,240View on GitHub↗

    This project is a jQuery plugin and animation extension that enables hardware-accelerated CSS3 transitions and transformations. It serves as a wrapper that shifts animation logic from script-based updates to native browser style transitions. The library provides tools for managing the scale, rotation, and orientation of page elements. It uses relative-value coordinate calculations to handle element movement and maps generic transformation properties to browser-specific vendor prefixes. The capability surface covers high-performance visual effects, including the management of timing and easin

    JavaScript
    View on GitHub↗7,240
  • h5bp/effeckt.cssh5bp avatar

    h5bp/Effeckt.css

    10,817View on GitHub↗

    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

    CSS
    View on GitHub↗10,817
  • Compare all 30 related projects→