Today, we’re introducing KeyframeCSS 27.1, a release focused on smoother motion, a more modern architecture, and the beginning of a new versioning system.
Starting with this release, versions now follow the year.major.minor format. We’ve also introduced release names, beginning with Bavarian Sea.
Inspired by the Bavarian Sea (Chiemsee) in Bavaria, Germany, this release reflects the calm, fluid movement found in its clear blue waters and surrounding landscape.
What’s New
Eleven new animations
We’ve added 11 new animations, each designed to feel more fluid, natural, and expressive.
- kf-liquid-pop
- kf-float-up
- kf-float-down
- kf-gel
- kf-soft-press
- kf-sway
- kf-drift
- kf-hover
- kf-focus
- kf-stretch
- kf-orbit
Every animation has been refined to create smoother motion while remaining lightweight and easy to use.
Preview Features
This release also introduces the first preview of a new architecture for KeyframeCSS.
- Every animation is now available as its own CSS file.
- Animations are now tree-shakeable, allowing you to include only what your project needs.
These preview features lay the foundation for a faster and more modular future.
Availability
KeyframeCSS 27.1 begins rolling out today through the CDN.
Developer features and preview improvements will continue rolling out later this year.
Release: KeyframeCSS 27.1 “Bavarian Sea” (internal version v0.6.1)
Full Changelog: v0.5.3...v27.1