×

Keyframes.app

Generate CSS animations and other properties

Keyframes.app

Generate CSS animations and other properties

Keyframes.app is a straightforward way to create CSS animations, box shadows, colors, & more. Each app within Keyframes lets you live-preview and generate CSS for your projects without having to save your code and refresh the browser to see what is happening.

The animation creator gives you a video-editor like timeline to create @keyframe animations and gives you the CSS to use in a project. Other apps include a box-shadow generator to create multi-layered shadows by adjusting some sliders, a color palette and conversion tool, and a character code search to easily find and copy CSS and HTML character codes.