+
+

Related Products

  • Renderforest
    1,603 Ratings
    Visit Website
  • BrewPOS
    8 Ratings
    Visit Website
  • Highcharts
    119 Ratings
    Visit Website
  • TradingView Stock Widgets
    16 Ratings
    Visit Website
  • Lockbox LIMS
    63 Ratings
    Visit Website
  • Azore CFD
    14 Ratings
    Visit Website
  • TrustInSoft Analyzer
    6 Ratings
    Visit Website
  • Thinkific
    555 Ratings
    Visit Website
  • Valant Behavioral Health EHR
    321 Ratings
    Visit Website
  • viewneo
    51 Ratings
    Visit Website

About

A simple library to take care of complicated animations. You can also add custom functions that do non-CSS animations! Install and save to your package.json, and include it in your Javascript. Brew up some instant scroll animations. Animate based on scroll location, animate based on mouse X location and create multiple animations based on mouse X location. Now you can create an instance of Choreographer, and run the animations based on whatever measurement floats your boat (ex. scroll position, mouse position, timestamp, whatever). The easiest way to understand how this all works is to check out the examples. Bugs will occur if you overlap animation ranges that affect the same style properties! There are two built-in animation functions available, called 'scale' and 'change'. Progress is what allows for progressive scaling of values (ex. smooth fading of opacity, 2d translation, etc.) If the value is between 0 and 1, that means you are within a range.

About

Emotion is a performant, flexible CSS-in-JS library designed for writing CSS styles using JavaScript, supporting both string-based and object-based styles while delivering a strong developer experience, complete with source maps, labels, and testing utilities. It offers two powerful usage patterns; a framework-agnostic approach which requires no special configuration yet supports vendor-prefixing, nested selectors, media queries, and class composition through the CSS and CX functions; and a React-optimized variant providing advanced features like the CSS prop for direct styling (similar to the style prop but with support for nested selectors, media queries, and theming capabilities), zero-configuration server-side rendering, native theming, and compatibility with ESLint tooling. Emotion also supports styled-component-like APIs, enabling tag-based or component-based styled elements with dynamic prop-driven styling.

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Audience

Developers searching for a solution to manage and take care of complex CSS animations

Audience

Frontend developers searching for a type-safe, and highly maintainable CSS-in-JS styling tool with server-side rendering support and advanced theming

Support

Phone Support
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

Pricing

Free
Free Version
Free Trial

Pricing

Free
Free Version
Free Trial

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

Company Information

Choreographer-js
christinecha.github.io/choreographer-js/

Company Information

Emotion
United States
emotion.sh/docs/introduction

Alternatives

Alternatives

Ignite UI

Ignite UI

Infragistics
Kendo UI

Kendo UI

Progress Software

Categories

Categories

Integrations

CSS
JavaScript
Kombai
React

Integrations

CSS
JavaScript
Kombai
React
Claim Choreographer-js and update features and information
Claim Choreographer-js and update features and information
Claim Emotion and update features and information
Claim Emotion and update features and information