WP Manifestindependent plugin directory
manifest / performance / unicorn-block

Unicorn Studio Block

A Gutenberg block for embedding Unicorn Studio WebGL scenes into WordPress. Supports inner blocks for content overlays, lazy loading, mobile toggle, custom DPI/FPS/scale settings, and accessibility options. Simply paste your project embed ID and start building interactive, animated sections.

by Holger Kosmitzki · github.com/exzenter/unicorn-block

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/exzenter/unicorn-block/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/exzenter/unicorn-block ↗

A WordPress Gutenberg block for embedding Unicorn Studio WebGL scenes with inner block support.

Download

Download latest release (ZIP)

Features

  • Embed Unicorn Studio scenes via project embed ID
  • Place child blocks (text, buttons, etc.) as overlays on the scene
  • Performance settings: DPI, FPS, scale, lazy load
  • Mobile disable toggle
  • Accessibility options: alt text, ARIA label
  • Full support for block spacing, colors and layout

Installation

From ZIP

  1. Download the ZIP above
  2. Go to WordPress Admin → Plugins → Add New → Upload Plugin
  3. Upload the ZIP and activate

Manual

  1. Upload the plugin folder to /wp-content/plugins/
  2. Install dependencies and build:
    cd wp-content/plugins/unicorn-studio-block
npm install
npm run build
  3. Activate the plugin in WordPress

Usage

  1. Add the "Unicorn Studio Scene" block in the editor
  2. Enter your Project Embed ID from Unicorn Studio
  3. Optionally add child blocks to overlay on the scene
  4. Adjust performance and accessibility settings in the sidebar

Development

npm install
npm run start   # watch mode
npm run build   # production build + generates dist/

Requirements

  • WordPress 6.0+
  • PHP 7.4+
  • Node.js (for building from source)

License

GPL-2.0-or-later

Developed by Holger Kosmitzki · EXZENT Webdesign