I just wanted to know what are the main differences between the two?
Why would someone choose one over the other?
Activiti is a workflow engine. bpmn.io is a collection of toolkits that allow you to display and edit BPMN 2.0 XML files and related documents in a web browser.
I hope that answers your questions.