FAQs

Where can I request a feature?

How can I embed my scene in Webflow/Framer?

How can I make my scene responsive?

You can use the three device icons in the center top bar to make changes to your scene on three breakpoints.

Desktop (992px and larger) is the default.
Tablet (991px and smaller)
Mobile (575px and smaller)

If you make a change in a canvas size that is not a breakpoint, it will not be recorded as a breakpoint change.

You can also give shapes, text, and images relative units (% of viewport) which is a simpler way to make things fit on all screen sizes.

I've hit publish, why isn't my scene updating?

Published projects data files hosted in the cloud. These files get cached by browsers and CDN's. In order to clear the cache you can just bump the version by adding ?update=1.0.1 to the end of your embed url or project id, depending on the type of embed.

How much does it cost?

The pro subscription "Legend", unlocks some key features and is available for $180/year, or $18 billed monthly.

Commercial license
Unlimited publishes
Public URLs without logo
Code export (self host your code)
CDN / Asset optimization
Custom fonts
Folders
Access to all new features and updates

Will my published scene stop working if my subscription expires?

No, it will remain functional. The watermark will not be added back unless you republish with the free plan.

Can I make [xyz example] in Unicorn.studio?

Maybe! Drop it in the Discord or send me an email and we'll see if its possible.

Can I upload my own 3d models?

No, not yet! But there is lots of interest in this feature and will be investigated in the future.

Why is my custom SVG 3d shape cutoff at the edges?

The SVG needs to be a single path. The best way to fix this is, using Figma for example. to perform "outline stroke" on your SVG and then "union" all the shapes together. Re-export just the shape and try again.

Where can I report a bug?

Join the Discord!

Why is the editor crashing?

Unicorn Studio requires a modern browser with WebGL 2.0 support. If you are using an older browser, it will not work. Differnet OS / browsers also have different graphics drivers are being updated all the time. Some things to try:

Make sure hardware acceleration is enabled in your browser settings.
Try a different browser.
Update and restart your machine / browser.

If your device is older than 2018, you maybe not have enough hardware memory to run the editor efficiently.

Why is my scene slow / laggy?

Hardware aside, each layer is a shader pass, meaning it processes the layer under it and runs it through an additional compiled shader with computational load. Some shader passes can be quite memory intensive. Unicorn.studio does a lot of optimization and compression under the hood, but it you have eight 3d shape layers with three mouse trail effects on top, it's going to be slow!

The following effects are more memory intensive than others:

3d shape
Mouse trail
Mouse ripple
Bloom
Godrays
Bokeh blur
2d Light

There are ways to help boost performance, like lowering the DPI or the scale of the scene. Learn more in the performance guide.