Embedding is easy. Unicorn.studio uses a small (36kb gzipped) javascript library to execute your scenes with several ways to implement it.

iFrame (not recommended for production)

Paste it anywhere you can paste code! It’s a simple and easy iFrame that just works, with exceptions.

• Slower to load
• Mouse events won’t register if a div is on top of your iframe.
• Scroll events will not work

Framer component

1. Copy the component URL
2. Go to your Framer project and paste it
3. Add your Project ID (see below)
4. That’s it!

Framer component controls

To see it in action check out the tutorial video.

https://www.youtube.com/watch?v=eUcbPbnvnrU