snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. No arbitrary property animations, e.g. colors, padding, margin or line height animations. For performance reasons, snabbt never queries the DOM.

Features

  • Minimalistic animation library in javascript
  • 60 FPS, even on mobile
  • ~5kb minified and gzipped
  • Write less, animate more
  • All transforms work on pixels or radians
  • Any unit conversion has to be done beforehand

Project Samples

Project Activity

See All Activity >

Categories

Animation

License

MIT License

Follow snabbt.js

snabbt.js Web Site

Other Useful Business Software
Forever Free Full-Stack Observability | Grafana Cloud Icon
Forever Free Full-Stack Observability | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of snabbt.js!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Animation Software

Registered

2021-10-08