Get started

edit this page

Welcome! These pages aim to provide all the information you need to master Ractive.

If you see something wrong, out of date, or missing from this documentation, please check out our known issues and FAQs, raise an issue on GitHub or - even better - submit a pull request. Your fellow Ractive users will thank you!

Using Ractive is very simple. An instance is created using new Ractive({...}) with the desired options:

var ractive = new Ractive({
  el: 'container',
  template: '<p>{{greeting}}, {{recipient}}!</p>',
  data: { greeting: 'Hello', recipient: 'world' }
});

While there are no required options, the three shown above - element, template and data - are the most common. They specify what data to bind to what template and where it should be placed in the html document.

A good way to get up and running is with the 60 second setup. After that, working your way through the interactive tutorials will familiarise you with the various ways you can use Ractive.

Checkout the Configuration Options to learn more about all the available options.

If you get stuck at any point, visit the Get support page to find help.