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
Build Agents and Models on One Platform Icon
Build Agents and Models on One Platform

Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
Try It 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