Getting Started

Quickstart

Quickstart

Build your first working example in a few short steps.

January 21, 2026

Written by Mira Okonkwo

Create your first instance

Once the package is installed, import it and initialize an instance against a target element. The instance exposes a small, predictable API surface so you can start wiring up behavior immediately.

Initialize

Pass a selector or element reference along with an options object. Most options have sensible defaults, so you only need to specify what you want to change.

Render your first view

Call render() to mount the instance. From here you can update state, listen for events, and tear the instance down when it's no longer needed.

What's next

  • Explore available Configuration options

  • Learn how Theming works

  • See the full list of Components

Create a free website with Framer, the website builder loved by startups, designers and agencies.