Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. Keyboard navigation supports Escape and the arrow keys for faster exploration. The page generates its keyframes dynamically with JavaScript and applies compatibility fixes through StyleFix. It serves as a visual reference and experimental showcase rather than a general-purpose animation library.

Features

  • Interactive CSS animation gallery
  • Property-specific visual demonstrations
  • Hover and continuous animation modes
  • Dynamic keyframe generation
  • Arrow-key example navigation
  • Starting and ending value display

Project Samples

Project Activity

See All Activity >

Categories

Animation

Follow Animatable

Animatable Web Site

Other Useful Business Software
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Animatable!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Animation Software

Registered

2026-07-22