Skip to content



Default window.crate object

See the Pen Standard Crate by Advaith (@advaith1) on CodePen.

Initialising a custom crate object

See the Pen Custom crate object by Advaith (@advaith1) on CodePen.

Multiple instances at the same time

See the Pen Multiple crate instances by Advaith (@advaith1) on CodePen.

Updating the state

See the Pen Updating crate state by Advaith (@advaith1) on CodePen.

Dynamically interacting with the button

See the Pen Dynamically interacting with crate by Advaith (@advaith1) on <a


We recommend using the async version of the API, as it'll make your website way faster. The synchronous version should only be used if it's being dynamically inserted into your website after the page's initial load (eg. A custom JS script)

Initialising a custom crate object

See the Pen Sync crate by Advaith (@advaith1) on CodePen.