The Vibeary — tag
keyframes
9 resources in The Vibeary tagged "keyframes" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Bounce.js
Tool and library for generating CSS keyframe animations from physics presets like bounce, hardbounce, sway and wobble.
Motus
Scroll animation library that mimics CSS keyframe syntax, letting you define percentage-based frames tied to scroll progress.
Animista
Interactive playground for tweaking pre-made CSS animations and copying only the keyframes you configured.
Magic Animations
CSS animation set focused on special effects — magic, bling, perspective, foolish and rotational entrances beyond the Animate.css vocabulary.
Easy Easings
Generates CSS linear() easing functions and keyframe blocks for non-cubic-bezier curves like bounces and springs.
Anim8
Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.
csshake
CSS classes producing tuneable shake, wobble and jitter motion via generated keyframes, with intensity and chunk variants.
A Guide to CSS Animation
CodePen collection accompanying a CSS animation guide, demonstrating keyframes, timing, choreography and stateful animation techniques.
Mantra
Browser-based timeline editor for building CSS keyframe animations visually and exporting the generated stylesheet.