WordPress.org

China 简体中文

获取 WordPress
WordPress.org

Plugin Directory

Spectra Blocks – AI Website Builder for the Block Editor

Spectra Blocks – AI Website Builder for the Block Editor

作者：Brainstorm Force
下载

描述

Spectra Blocks is a complete rebuild of Spectra on WordPress’s modern core-block APIs – an AI website builder built directly into the Block Editor.

Describe the page you want. Zip AI, our AI companion plugin, generates a complete first draft using Spectra blocks right inside the Block Editor. You install and connect it in a couple of clicks from the AI area in the Spectra Blocks dashboard. From there, you edit everything the normal way – no separate builder, no proprietary layout system, no plugin you have to keep forever just to keep your site working.

That’s the whole idea: get the speed of an AI builder without giving up the editor WordPress already gives you.

If you’re already using the original Spectra plugin, it hasn’t gone anywhere – it’s now called Spectra Legacy, and it keeps working and keeps getting maintenance updates. Spectra Blocks is a separate, new plugin. You move to it whenever it makes sense, not because you have to.

What you can do with it

  • Generate a full page from a text prompt
  • Generate individual sections (hero, pricing, FAQ, testimonials, etc.) instead of a whole page
  • Rewrite or improve copy on an existing page
  • Convert an existing HTML page into native Spectra blocks
  • Fine-tune every block afterward using the native block editor — colors, spacing, typography, layout

Why Spectra Blocks

Rebuilt on core, not built around it. Spectra Legacy was one of the first block plugins ever built – before many of today’s WordPress APIs existed, so it had to build a lot of that groundwork itself. Spectra Blocks takes the opposite approach: it’s built directly on WordPress’s modern core-block APIs, so it naturally stays in step with WordPress as the platform evolves.

AI where it actually helps. Zip AI removes the blank-page problem. You still make the final call on every layout, section, and line of copy – the AI gets you a strong starting point, not a locked-in template.

Composable, not bloated. Instead of dozens of single-purpose blocks, Spectra Blocks gives you a smaller set of flexible blocks plus Extensions that add advanced design controls on top of them. Fewer moving parts, less to maintain, more design freedom.

Native by design. Everything is built and edited in the WordPress Block Editor, and your content is stored as standard block markup: no shortcodes, no proprietary page format, no separate interface to learn.

Key Features

  • AI page generation – describe a page, get a full first draft in native blocks
  • AI section generation – generate individual sections instead of full pages
  • AI content rewriting – improve or rewrite existing copy in place
  • HTML-to-blocks conversion – turn an existing HTML page into native Spectra blocks
  • Extensions – advanced spacing, border, shadow, and responsive controls for Spectra blocks
  • Container block – build any custom layout by nesting core, Spectra, or third-party blocks inside it
  • Design Library – ready-made patterns (info boxes, testimonials, pricing tables, comparisons, and more) built entirely from Spectra blocks, so you’re not starting from scratch
  • Global Styles – set colors, typography, and spacing once, apply them site-wide
  • Popup Builder – build popups using the same native blocks
  • Animations – fade, slide, zoom, flip, and more, applied directly to blocks

Build with Zip AI

Zip AI is the AI companion for Spectra Blocks, and it’s how most people will start a page. You install and connect it from the AI area in the Spectra Blocks dashboard, then generate right inside the editor.

Here’s what it actually does:

  • Full-page generation – give it a prompt, get a complete page draft
  • Section generation – generate just a hero, pricing table, FAQ, or any other section
  • Content improvement – ask it to tighten, rewrite, or expand existing copy
  • HTML conversion – upload an existing HTML page and get it back as native blocks
  • Global Styles setup – when you build with AI, Zip AI sets up your site’s colors, typography, and spacing as Global Styles automatically, so everything stays organized and editable afterward

Every layout Zip AI produces is made entirely of Spectra Blocks. That means it’s fully editable afterward – nothing is locked behind an AI-only interface.

A note on pricing: the core plugin, all blocks, and all Extensions are completely free and don’t require an account. AI features come from Zip AI, a separate free plugin you install and connect from the Spectra Blocks dashboard. Using AI requires a ZipWP account and runs on credits, including for Spectra Blocks Pro users. AI requests are processed by the ZipWP service. See ZipWP’s terms of service and privacy policy.

How Spectra Blocks Works

Spectra Blocks doesn’t ship dozens of single-purpose blocks the way Spectra Legacy did. Instead, it gives you a focused set of flexible blocks, plus Extensions that add advanced design controls to WordPress’s own core blocks.

Text and Buttons are Spectra’s own content blocks. The Text block handles everything from headings (H1 to H6) to paragraphs, and the Buttons block creates fully customizable button groups.

Extensions for core blocks add advanced spacing, border, shadow, and responsive controls to the core blocks you already use, like Image. You keep WordPress’s own blocks and get more design power on top.

Container is the foundation for custom layouts — nest any block inside it, including core WordPress blocks and other plugins’ blocks.

Layout and content blocks include Accordion, Tabs, Slider, List, Icon, Separator, and Google Map.

Dynamic and engagement blocks include Post (grid, masonry, and carousel layouts), Countdown, Counter, Modal, and Popup Builder.

Design Library provides pre-built patterns for testimonials, info boxes, pricing tables, and comparisons, all built from Spectra Blocks.

Missing a block you used in Spectra Legacy? It’s probably not gone – it’s just built differently now. A testimonial is a Container with an Image, Text, and Buttons inside it. A pricing table works the same way. If you’d rather use the original dedicated block exactly as it was, Spectra Legacy still has it.

Compatibility

Works well with these themes:

  • Astra
  • Spectra One
  • Kadence
  • GeneratePress
  • Blocksy
  • Neve
  • Flatsome

Works well with these plugins:

  • WooCommerce
  • SureCart
  • Gravity Forms
  • Fluent Forms
  • LearnDash
  • Tutor LMS
  • Yoast SEO
  • The Events Calendar
  • GiveWP
  • PrestoPlayer
  • SureMembers
  • MemberPress
  • Easy Digital Downloads

Spectra Blocks works with any standards-compliant WordPress theme. It has been tested for compatibility with WPML.

Coming from Spectra Legacy?

Spectra Legacy (the original plugin, published as “Ultimate Addons for Gutenberg”) isn’t going anywhere — it keeps getting maintenance updates, compatibility fixes, and security patches.

Spectra Blocks is a separate new plugin, not an update to your existing install. Running both side by side is normal during a transition: existing pages keep working on Legacy while you build new ones in Blocks. Once no pages use Legacy blocks, you can deactivate it.

A few things to know when you move:

  • Global Colors, Typography, and default block settings are not shared between the two plugins — you’ll set them up fresh in Spectra Blocks.
  • Custom CSS written for Legacy block classes will need updating for any sections you rebuild in Spectra Blocks. Legacy pages are unaffected as long as Legacy stays active.
  • Rebuilding a page doesn’t change its URL, so links and SEO stay intact.
  • There’s no deadline. For new projects, start with Spectra Blocks — it’s the actively developed version.

Support

Need help? We’re here for it.

  • Support forum: use the Support tab on this page
  • Documentation: available from your WordPress dashboard once the plugin is installed
  • Community: Facebook Group – Web Creators by Astra

Found a security issue? Please report it responsibly through our security disclosure process rather than in a public forum post – see the FAQ below for details.

Source Code

This plugin’s JavaScript and CSS are built from source files using standard WordPress build tools.

Plugin Source

  • Block source files are located in the src/ directory (excluded from the distribution zip for size).
  • Admin dashboard source files are located in admin/assets/src/ (also excluded from distribution).
  • The compiled, production-ready assets are in build/ and admin/assets/build/ respectively.
  • Source code is available on GitHub: https://github.com/brainstormforce/wp-spectra-blocks

To build from source:

  1. npm install && npm run build — compiles block JavaScript and CSS.
  2. cd admin && npm install && npm run build — compiles the admin dashboard React app.

Third-Party Libraries

The following pre-compiled third-party libraries are bundled in assets/:

Bundled Library Source

Source code for each bundled library and third-party utility used by this plugin:

External Services

This plugin connects to the following third-party services under certain conditions:

Google Maps (maps.google.com)

The Google Map block embeds a map on the frontend using the public Google Maps embed URL (https://maps.google.com/maps?q=...&output=embed). No API key is required and no data is sent from the server. The request is made by the visitor’s browser each time a page containing the block is rendered; the address entered in the block is included in the URL so Google can return the matching map tile.
* Service URL: https://maps.google.com/maps
* Terms of Service
* Privacy Policy

ZipWP API

When the AI features are enabled and authorized, the plugin communicates with the ZipWP API for AI-powered content generation and template library features. User site URL and content prompts are sent to generate suggestions.
* Service URL: https://api.zipwp.com/
* Terms of Service
* Privacy Policy

ZipWP (app.zipwp.com)

When the user clicks “Authorize”, “Sign Up”, “Manage Plan”, or “Buy Credits” in the Spectra Blocks AI dashboard, the browser is redirected to the ZipWP web app for authentication, account management, or billing. The redirect is user-initiated; no plugin-originated data is sent until the user interacts with the linked pages.
* Service URL: https://app.zipwp.com/
* Data sent: only the data the user enters on the ZipWP web app itself (login credentials, billing details); the plugin passes a site identifier in the return URL so the ZipWP dashboard can complete the round-trip after sign-up.
* When: only after the user clicks an authorization / billing link in the plugin’s admin dashboard.
* Terms of Service
* Privacy Policy

Starter Templates Credit Server

When AI features are enabled, the plugin checks the credit balance for AI content generation features.
* Service URL: https://credits.startertemplates.com/
* Terms of Service
* Privacy Policy

Brainstorm Force Store

When the “Get Spectra Blocks Pro” upsell is displayed in the admin dashboard, pricing information is fetched from the Brainstorm Force store. This request is made by the administrator’s browser, not the plugin server.
* Service URL: https://store.brainstormforce.com/
* Terms of Service
* Privacy Policy

Unsplash

When using the AI-powered image library, images may be fetched from Unsplash. The bundled ZipWP Images library downloads free stock photos based on user-selected keywords. Image URLs and attribution data are retrieved from the Unsplash API.
* Service URL: https://unsplash.com/
* Terms of Service
* Privacy Policy

WordPress.org

When installing recommended plugins or themes from the admin dashboard, the plugin uses the standard WordPress.org API to download packages.
* Service URL: https://downloads.wordpress.org/
* Privacy Policy

WebsiteDemos.net

When the Starter Templates library is enabled, template data may be synced from the WebsiteDemos.net service.
* Service URL: https://websitedemos.net/
* Terms of Service
* Privacy Policy

YouTube

The admin dashboard settings page embeds tutorial videos from YouTube using the privacy-enhanced mode (youtube-nocookie.com). Videos are loaded only when a user clicks play on the admin dashboard. No user data is sent until playback is initiated.
* Service URL: https://www.youtube-nocookie.com/
* Terms of Service
* Privacy Policy

BSF Analytics

When the user opts in to share anonymous usage data, the bundled BSF Analytics library sends non-personal site environment data (WordPress version, theme, active plugins) to help improve the plugin.
* Service URL: https://analytics.brainstormforce.com/
* Privacy Policy

BSF Metrics

When the user submits an NPS (Net Promoter Score) survey response from the admin dashboard, the bundled NPS Survey library sends the feedback to the BSF Metrics service.
* Service URL: https://metrics.brainstormforce.com/
* Terms of Service
* Privacy Policy

Brainstorm Force Support

When verifying plugin license status, the bundled Starter Templates library may communicate with the Brainstorm Force support portal.
* Service URL: https://support.brainstormforce.com/
* Terms of Service
* Privacy Policy

Spectra Blocks News (wpspectra.com)

The admin dashboard “What’s New” panel fetches an RSS feed from wpspectra.com to display plugin announcements and release notes. This request is made by the administrator’s browser, not the plugin server.
* Service URL: https://wpspectra.com/whats-new/feed/
* Data sent: None (standard GET request with no user data)
* Terms of Service
* Privacy Policy

屏幕截图

区块

该插件提供了 49 个区块.

  • Text Add a block with text content.
  • Accordion Create a group of collapsible accordions.
  • Google Map Display an interactive Google Map with customizable features.
  • Buttons Add a group of customizable buttons.
  • Container Create beautiful layouts with flexbox and grid-powered container block.
  • No Results Content to display when no posts are found
  • Counter Create animated numeric counters with customizable styles and layouts.
  • Template Template for post items
  • Countdown Create a sense of urgency among your visitors.
  • Post Display posts in Grid, Masonry, or Carousel layouts
  • Tabs A tabbed content
  • Modal This block allows you to add modal popup..
  • Popup Builder Create custom popups and info bars with advanced triggers and animations.
  • Separator Add a modern separator to divide your page content.
  • List Create ordered and unordered lists with custom styling.
  • Slider Create a beautiful slider block
  • Icons Add multiple icons in a single block
  • Spectra AI
  • Label Add a block with text content.
  • Icon Add an icon.
  • Icon Add an icon.
  • Separator Add a separator to the countdown.
  • Icon Add an icon.
  • Button Add a customizable trigger button for this modal popup.
  • Text Add a block with text content.
  • Number Number display for the counter block.
  • Tab (Div) Add a customizable tab trigger with inner blocks.
  • Tab Add a customizable tab.
  • Wrapper Wrapper for counter child blocks.
  • Progress Progress bar display for the counter block.
  • Header Add a header to this accordion.
  • Button Add a customizable button.
  • Minutes Add minutes to the countdown.
  • Trigger This block allows you to add modal popup..
  • Seconds Add seconds to the countdown.
  • Title Add a title to this accordion header.
  • Icon Add an icon indicator for this accordion header.
  • Days Add days to the countdown.
  • Item An accordion item in this set of accordions.
  • Hours Add hours to the countdown.
  • Content This block allows you to add modal popup.
  • List Item Add a list item with icon and content.
  • Details Add details to this accordion.
  • Tab Area Add tabs to this tab block
  • Slide Individual slides for the Slider block.
  • Panel A content area associated with a tab.
  • Number Add a block with text content.
  • Popup This block allows you to add modal popup.
  • List Child Icon Icon or number for list items.

安装

  1. From your WordPress dashboard, go to Plugins Add New.
  2. Search for Spectra Blocks.
  3. Click Install Now, then Activate.
  4. Open any page or post in the block editor to start building with Spectra blocks.
  5. To enable AI features, install and connect Zip AI from the AI area in the Spectra Blocks dashboard.

You can also download the plugin from WordPress.org and upload it manually via Plugins Add New Upload Plugin.

We recommend testing on a staging site (or a new page) and keeping a recent backup before making major changes to a live site – good practice any time you add something new.

常见问题

What is Spectra Blocks?

An AI website builder built on the native WordPress Block Editor. You describe a page, Zip AI, our companion AI plugin, generates a first draft using Spectra blocks in the native editor, and you refine it from there.

What is Zip AI?

Zip AI is a free companion plugin from ZipWP that powers the AI features in Spectra Blocks. You install and connect it from the AI area in the Spectra Blocks dashboard. It generates full pages, individual sections, rewrites existing content, and converts existing HTML pages into blocks you can edit afterward.

Is Spectra Blocks a page builder?

Not in the traditional sense. It doesn’t replace the WordPress editor or add a separate builder interface. It works inside Gutenberg, adding a focused set of blocks with advanced design controls, a Container block for custom layouts, and AI-assisted generation.

Is it better than Elementor?

It depends what you’re optimizing for. If you want page-builder speed without adopting a separate editing framework, Spectra Blocks is a lighter, more native option. If you specifically need Elementor’s ecosystem of templates and add-ons, that’s a different trade-off.

Do I need coding knowledge?

No. Zip AI generates layouts from plain-language prompts, and the block editor is fully visual.

Is this the same plugin as Spectra?

No. “Spectra Legacy” is the original plugin. Spectra Blocks is a new, separate plugin built for AI-first, composable page building. They have different WordPress.org listings.

Should I move from Spectra Legacy?

There’s no requirement to. Spectra Legacy stays maintained, so your existing site is fine as-is. For new projects, we recommend starting with Spectra Blocks since it’s the actively developed, more future-proof version – unless your project depends on a specific block that only exists in Legacy, in which case Legacy is the better fit for that project.

Will my existing website break?

No. Installing Spectra Blocks doesn’t affect Spectra Legacy or any site currently using it. They’re independent plugins.

Can I use both plugins at the same time?

Yes – and during a transition, most people do. Existing pages keep working on Spectra Legacy while you build new pages in Spectra Blocks. Each plugin only loads assets for the blocks a given page uses, so running both isn’t a heavy performance tax. It’s not meant to be a permanent setup, though: once a site no longer has any Legacy blocks on it, you can deactivate Spectra Legacy.

Will installing or removing a plugin delete my content?

No. Your content lives in your WordPress database, and deactivating a plugin never erases it. Just keep in mind a block needs its plugin active to render and stay editable – so keep Spectra Legacy active for as long as any page still uses Legacy blocks.

Is Spectra Blocks free?

Yes, the core plugin, all blocks, and all Extensions are free and don’t require an account. AI features come from Zip AI, a separate free plugin, and require a ZipWP account with AI credits, including for Spectra Blocks Pro users.

Does it work with WooCommerce?

Yes, Spectra Blocks is compatible with WooCommerce for building product pages, shop pages, and landing pages.

Does it slow down websites?

Spectra Blocks only loads the CSS a given page needs and is built directly on core WordPress block APIs, so overhead is minimal. Actual performance still depends on your host, theme, and overall setup.

What themes are supported?

Spectra Blocks works with any standards-compliant WordPress theme. It’s tested closely with Astra, Spectra One, Kadence, GeneratePress, Blocksy, Neve, and Flatsome.

Can I use it on client websites?

Yes, there’s no restriction on using Spectra Blocks for client work.

Will rebuilding a page in Spectra Blocks hurt my SEO?

No. Rebuilding a page’s content doesn’t change its URL, so your links and rankings stay intact. The output is cleaner, more semantic HTML, which is generally a plus for SEO – just keep your headings and URLs consistent as you go.

Some blocks I used in Spectra Legacy aren’t in Spectra Blocks. Were they removed?

Nothing’s been removed – Spectra Legacy still has them, and your existing Legacy pages keep working as long as it’s active. In Spectra Blocks, layouts like testimonials or info boxes are built by combining the Container block with core blocks like Image, Heading, and Paragraph, or by starting from a ready-made pattern in the Design Library.

How do I report a security issue?

Please report security issues responsibly through our security disclosure process rather than posting them publicly. Details are available on the plugin’s support page.

评价

此插件暂无评价。

贡献者及开发者

「Spectra Blocks – AI Website Builder for the Block Editor」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Spectra Blocks – AI Website Builder for the Block Editor」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码，查看SVN仓库，或通过RSS订阅开发日志。

更新日志

1.0.0 – Monday, 13th July 2026

  • Initial release of Spectra Blocks.

额外信息

评级

尚未提交反馈。

Your review

查看全部评论

支持

最近两个月解决的问题：

总计 2，已解决 2

查看支持论坛