Skip to content

FAQs

Where can I request a feature?

Join the Discord!

How can I embed my scene in Webflow/Framer?

Check out the embedding guide.

What happens to my published project if my subscription expires?

Nothing happens to your published project on your site; it remains as is. The watermark will not be added back unless you republish under the free plan.

Can I export as code?

Legend subscribers can download the shader code in a JSON format compatible with the unicornstudio.js SDK. The primary purpose of code export today is self hosting. The SDK is required to run your projects due to the depth of functionality:

  • Shader pipeline boilerplate
  • Texture handling (text/images/video)
  • Render target chaining (stacked effects, child effects)
  • Interaction handling (mouse/scroll/hover)
  • Render loop
  • Scene resizing/pausing/cleanup

You can already do cool stuff at runtime like uploading any JS canvas. More functionality like animating uniforms is coming soon!

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.

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
  • Video hosting (up to 15MB)
  • Access to all new features and updates

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.

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.