Element Library — what it is and how to use it

The Element Library is Hubbee’s catalog of reusable design elements you can push to any connected WordPress site. Each element is a self-contained chunk — JavaScript, CSS, and any assets — that the plugin installs on demand.

What kinds of elements

Elements fall into three families:

• Backgrounds — full-page or section-level visual effects (LiquidEther, Galaxy, LightRays, etc.)
• Elements — animated UI primitives (BorderGlow, AnimatedList, Carousel, etc.)
• Text effects — typography-focused animations (ASCIIText, CircularText, TextPressure, etc.)

You browse all of them in Asset Library in the dashboard. Each card shows a live preview, a one-line description, and the size of the chunk that gets installed.

How they reach your WordPress site

Elements are not bundled with the Hubbee plugin. The plugin ships only a runtime — about 80 KB. When you push an element to a site, the plugin downloads only that specific chunk from Hubbee’s storage and installs it locally.

This keeps the plugin small (fast updates, low memory) and lets us add new elements without re-releasing the plugin every time. A typical chunk is 5-50 KB.

Push an element to a site

1. Asset Library → click an element card → Preview opens with live demo
2. Click Push to site → choose target site(s)
3. Confirm → push fires within 1-2 seconds

The plugin reports back via the standard push pipeline. Once installed, the asset shows up inside the Elementor editor — where exactly depends on the asset type:

• Backgrounds: as a Hubbee Background section in every container’s Style tab
• Text effects: as a Hubbee Text Effect section on Heading and Text Editor widgets
• Elements: as the Hubbee Component widget (General category) with a component dropdown

Embedding currently requires Elementor; full WordPress-native embedding is in the works. The step-by-step guide: Embed pushed assets in WordPress.

Configuration

Most elements have configurable props (color, speed, intensity, etc.). You configure them per insertion — not per site. The plugin renders the element with whatever props you set in Elementor at render time.

This means one site can use the same border-glow element three times with three different color schemes. The chunk is installed once; rendered multiple times.

What if I want to change props for all instances?

There are two paths:

• Configure at insertion time: edit each Elementor instance, change the prop, save
• Push a configured variant: create a custom variant in the dashboard (Pro+) and push the variant as a separate element

Removing elements

If you don’t want an element on a site anymore:

1. Remove the element from all pages where it’s used (Elementor)
2. Hubbee site → Installed elements tab → click element → Uninstall

Uninstall removes the chunk from the WP filesystem and frees storage. The element stays available to re-install anytime.

Updates

When we improve an element (new prop, bug fix, performance), the dashboard shows a Update available badge on the element card. Click it and the new chunk pushes to all sites that have the element installed. No downtime; the new chunk replaces the old one atomically.

You can also disable auto-update notifications and pin elements to specific versions (Pro+). Useful for client sites where you want change control.

Size limits

• Free plan: install up to 3 elements per site
• Pro plan: unlimited elements per site
• Agency plan: unlimited + workspace-level templates

What it does NOT do

• Element Library is not a page builder. You still use your page builder to compose pages. Elements are individual reusable parts, not full layouts.
• Elements don’t replace your theme. They sit on top of whatever theme you’re running.
• Elements don’t modify your database. They write files to wp-content/plugins/hubbee/chunks/.

For placing assets on your pages step by step, see Embed pushed assets in WordPress.