+
+

Related Products

  • Azore CFD
    24 Ratings
    Visit Website
  • SurveyJS
    62 Ratings
    Visit Website
  • Gaffa
    5 Ratings
    Visit Website
  • TradingView Stock Widgets
    16 Ratings
    Visit Website
  • InboxAlly
    128 Ratings
    Visit Website
  • Lockbox LIMS
    72 Ratings
    Visit Website
  • Birdeye
    5,111 Ratings
    Visit Website
  • Float
    3,716 Ratings
    Visit Website
  • CompanyCam
    5,584 Ratings
    Visit Website
  • Valant Behavioral Health EHR
    354 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

Create powerful prototypes with JavaScript that make your design animated and interactive. Prototyper is easy to get started and becomes more powerful as you go. Prototyper takes your currently selected frame on the Figma canvas and converts each individual layer into an image that renders as a preview on the right-hand side of the plugin. Each layer is turned into a variable that you can reference in the code editor on the left-hand side of the plugin to add animations and interactions. They have a hierarchy and properties defining their position, appearance and interactivity. Animate states or layer properties like scale and color with various easing or spring curves, time and delay options. Events are used to detect and respond to user interactions, animations that start or end, values that change and more.

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

Designers searching for a powerful Prototyping solution

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

Prototyper
prototyper.design/

Alternatives

Alternatives

Adobe XD

Adobe XD

Adobe
Mockup

Mockup

Apprime Studio sarl

Categories

Categories

Integrations

Figma

Integrations

Figma
Claim Choreographer-js and update features and information
Claim Choreographer-js and update features and information
Claim Prototyper for Figma and update features and information
Claim Prototyper for Figma and update features and information