Choreographer-js
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.
Learn more
Webix Grid
Webix Grid is a standalone JavaScript DataGrid component (table/grid UI widget) that is optimized for high-performance, large-dataset scenarios, and is designed to be dropped into web applications where tabular data needs to be displayed, edited, filtered, sorted, etc.
Key positioning points:
Lightweight: you don’t have to bring in the full Webix UI library if you only need the grid.
Focused on “just the grid” use-case rather than a full UI framework.
Feature-rich, offering a wide set of capabilities for enterprise-style data apps:
- Virtual scrolling
- Frozen columns
- Inline editing
- Sorting
- Filtering
- Grouping
- Column resizing
- Column reordering
- Multi-line headers
- Row selection
- Cell selection
- Copy/paste
- Excel export
- PDF export
- CSV export
- Paging
- Validation
- Undo/redo
- Drag and drop
- Spanning cells
- Context menus
- Keyboard navigation
- Conditional formatting
- Column summaries
- Custom rendering
- Live updates
Learn more
FusionCharts
FusionCharts is a powerful and easy-to-use JavaScript charting library that helps developers to add interactive charts and data visualizations to their web and mobile applications. With 100+ chart types, including column, bar, line, area, pie, doughnut, scatter, bubble, and more, it's easy to create professional-looking charts that are engaging and informative. The library is completely cross-browser compatible and works seamlessly with a wide range of technologies, including Angular, React, Vue, and more.
FusionCharts product suite consists of
• FusionCharts Suite XT
• FusionTime
• FusionExport
• FusionGrid
FusionCharts offers a wide range of features that make it one of the most popular charting libraries on the market, including:
• Real-time data updates
• Dynamic updates of data using AJAX
• Drill-down and multi-level charts
• Animation and special effects
• Export to PDF, PNG, and SVG
• Responsive design
• Accessibility support
Learn more
Velocity.js
Velocity is an animation engine with the same API as jQuery's animate. It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Velocity, include it on your page and replace all instances of jQuery's animate with velocity. You will immediately see a performance boost across all browsers and devices, especially on mobile. Velocity works everywhere, back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance.
Learn more