Animista
animista.net
An interactive CSS animation playground with a library of pre-built animations — entrance, exit, attention, text, and background effects — where you adjust parameters and copy the generated CSS.
Why it is useful
Eliminates CSS animation keyframe writing for common effects. You can preview every animation in real time, adjust duration, delay, and easing, then copy the exact CSS you need. Far more practical than reading animation documentation and writing keyframes from scratch. The generated code is clean and production-ready, not wrapped in utility classes.
More in Creative Tools
Other creative tools you might not have heard of.
- Font SquirrelA curated collection of free, commercially licensed fonts with a web font generator for converting fonts to all required web formats.
- ambientCGA large library of free CC0 PBR textures, HDRI lighting maps and 3D models for use in games, animation and visualisation.
- Adobe ColorFree color palette generator and harmony tool with extract-from-image functionality and an extensive community palette library.
- Adobe FireflyAdobe's AI image and design generator, trained on licensed content and integrated directly into Photoshop, Illustrator, and Express.
- Vectorizer.aiAI-powered tool that converts raster images to clean SVG vector files in seconds.
- KapwingA browser-based video editor for creating, editing, trimming, and adding subtitles to videos without installing software.