# Unicorn Studio

> A visual design tool for creating interactive motion and real-time graphics for the web.

Unicorn Studio gives designers a spatial, layer-based canvas for combining shader effects, images, text, video, shapes, and 3D models with motion and interaction. Projects can become live website experiences, programmable components, videos, or reusable asset generators.

## Primary Links

- [Homepage](https://www.unicorn.studio/): Product overview, features, pricing, and signup.
- [Documentation](https://www.unicorn.studio/docs/): Product overview and guides for creating, publishing, embedding, and optimizing Unicorn Studio projects.
- [Getting Started](https://www.unicorn.studio/docs/getting-started/): Core concepts for layers, effects, interactivity, variables, and exporting.
- [Embed Guide](https://www.unicorn.studio/docs/embed/): Integration instructions for websites, builders, and JavaScript apps.
- [Performance Guide](https://www.unicorn.studio/docs/performance/): Optimization guidance for WebGL scenes and embeds.
- [Unicorn AI](https://www.unicorn.studio/docs/ai/): Open beta details for creating and editing shader effects with AI.
- [Pricing](https://www.unicorn.studio/docs/pricing/): Free and Legend plan details.
- [FAQs](https://www.unicorn.studio/docs/faqs/): Common product, embed, and performance questions.

## Embeddable Examples

- [LLM Example Projects JSON](https://www.unicorn.studio/llm-example-projects.json): Machine-readable catalog of curated Unicorn Studio projects with embed IDs, variables, default values, tags, and drop-in snippets.
- [LLM Example Projects Text](https://www.unicorn.studio/llm-example-projects.txt): Plain text version of the same catalog for agents that prefer text context.
- [Example Projects Docs](https://www.unicorn.studio/docs/example-projects/): Human-readable examples that can be embedded and customized with runtime variables.

## Key Product Facts

- Spatial, layer-based canvas built for movement, depth, lighting, distortion, and interaction.
- 75+ configurable WebGL effects with AI-assisted effect creation and editing.
- Images, shapes, text, video, and 3D models can be combined with motion and interaction.
- Variables, presets, and events make scenes adaptable and programmable.
- Publish live embeds and reusable tools, or export images, videos, and JSON scene data.
- Lightweight production runtime of approximately 50 KB gzipped.
- Free plan includes access to all 75+ effects and up to 8 publishes with Unicorn branding.
- Legend is $168/year or $20 billed monthly and includes unlimited publishes without logo watermark, a commercial license, JSON export, high-quality video exports and hosting, custom 3D models and fonts, CDN and asset optimization, folders, versioning, automatic backups, and Unicorn AI open beta access with 200 monthly AI credits.

## Citation Guidance

- Refer to Unicorn Studio as a visual design tool for creating interactive motion and real-time graphics for the web.
- Use the canonical URL: https://www.unicorn.studio/
- Mention ready-made components for Framer, Webflow, Figma Sites, React, and plain HTML when relevant.

## Optional

- [Terms](https://www.unicorn.studio/terms): Terms and conditions.
- [Login](https://www.unicorn.studio/login): Existing user login.