Introduction

Sequotion is a visual editor for creating CSS animations. Instead of writing @keyframes rules by hand, you design animations in an interactive timeline and export production-ready CSS (and JS when needed).

What you can do

• Animate any CSS property — opacity, transforms, colors, filters, box-shadow, border-radius, and more
• Visual timeline — drag keyframes, adjust easing curves, and preview in real time
• Animation events — trigger class toggles, custom events, or callbacks at specific points in your animation
• Multiple export modes — On Load, Scroll-triggered (CSS or JS), with clean output you can drop into any project
• No dependencies — the exported code is vanilla CSS and JS, no libraries required

How it works

1. Write your HTML and CSS in the built-in editor
2. Elements with id attributes appear as animation targets
3. Add property tracks (opacity, translate, scale, etc.) and set keyframes on the timeline
4. Preview your animation in real time
5. Export the generated CSS and JS

Next steps

Ready to dive in? Head to the Quick Start guide.