Supercharge Your WordPress
Block Editor

Spectra blocks give an ultimate page-building experience with advanced functionalities you’ll need to design stunning websites with the WordPress block editor.

Get Started

28 Creative & Unique Blocks

Get a plethora of creative page building blocks and several options to design stunning websites quickly.

No Coding Required

Why learn to code? With Spectra you can build fully custom websites using a beautiful drag-and-drop editor.

Lightweight & High Performance

Every block you add is optimized for high performance so your website loads at a lightning speed.

POWERFUL & INTUITIVE BLOCKS

No Extra Bloat, Complete Design Freedom

Flexible Site Layouts

Flexbox Containers

Forget rows and columns. Flexbox lets you resize and restructure all the elements exactly the way you like, without restricting your design to a grid or table. Creating fully custom websites has never been easier than this!

Build Professional Websites Easily

42+ Presets

Want to make your site more professional? Just browse through our preset block templates library and import what you like with a single click. Then, edit the content and colors to fit your branding and your website is ready to go!

Edit Everything On the Page

Customizable Styles

Don’t leave a single stone unturned. You can customize every block to look exactly the way you want it to. Simply select a block and begin editing the settings to match your brand or personal styles easily. No code whatsoever!

All The Design Blocks You Need

A growing library of diverse design blocks you need to create your website exactly the way you want.

Container

Counter

Modal

Slider Block

Image Gallery

Tabs

Form

Icon List

Price List

Post Grid

Post Carousel

Post Timeline

Image

Table of Contents

Star Ratings

Call To Action

Blockquote

How To

FAQ

Testimonials

Google Map

Inline Notice

Review

Taxonomy List

Marketing Button

Content Timeline

Team

Lottie Animation

Buttons

Heading

Info Box

Countdown

Separator

Icon

Responsive Conditions

Masonry Gallery

Display Conditions

Animations

Global Block Style

Dynamic Content

Instagram Feed

Loop Builder

Registration Form

Advanced Columns

Post Masonry

Advanced Row

100+ Expert-designed Templates

Forget Designing From Scratch

Our ever-growing library of premade website templates lets you have an impressive design within a few seconds. Find a template you like, import it and begin editing to suit your brand. It’s that easy!

An All-New Web Designing Experience!

Super-fast Load Times

Spectra blocks are fully-optimized for performance. Everything you build with Spectra is lean and offers performance that’s very close to hand-coding your website from scratch!

Fully Customizable Blocks

Let your creativity run wild as you bring to life a completely customized website. With Spectra’s customizable blocks, this is easy and possible with just a few clicks.

Mobile-optimized by Default

Why spend more time customizing your website for mobile devices? Spectra blocks are fully optimized for every screen size so you can create sites on one device and view them everywhere!

/*spectra block section css*/ .spectra-block-custom .blocks-info-box-css { padding: 40px 20px 30px 20px; } .spectra-block-inner .wp-block-uagb-info-box { padding: 30px; } .responsive-condition .wp-block-uagb-info-box { padding: 30px 15px; } .spectra-block-inner { padding: 0 !important; } .spectra-block-custom .spectra-block-inner{ /* filter: grayscale(100%); */ -webkit-transition: all .2s ease-in-out; transition: all .4s ease-in-out; } .spectra-block-custom .spectra-block-inner:hover{ /* filter: grayscale(0%);*/ box-shadow: 0px 10px 35px 0px rgb(123 122 128 / 15%); curser:pointer; } .spectra-block-custom .spectra-block-inner .uagb-ifb-image-content{ filter: grayscale(100%); } .spectra-block-custom .spectra-block-inner:hover .uagb-ifb-image-content{ filter: none; } .wp-block-uagb-container.spectra-pro:after { content: “Pro”; z-index: 1; overflow: hidden; font-size: 10px; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 20px; width: auto; padding: 2px 5px; display: block; color: #4d4288; border-radius: 3px; border: 1px solid #e5e7eb; position: absolute; top: 10px; right: 10px; background : #f0f1ff; } .wp-block-uagb-container.spectra-legacy:after { content: “Legacy”; z-index: 1; overflow: hidden; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 20px; width: auto; padding: 2px 5px; display: block; color: #4d4288; border-radius: 3px; border: 1px solid #e5e7eb; position: absolute; top: 10px; right: 10px; } .wp-block-uagb-container.spectra-extension:after { content: “Extension”; z-index: 1; overflow: hidden; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 20px; width: auto; padding: 2px 5px; display: block; color: #4d4288; border-radius: 3px; border: 1px solid #e5e7eb; position: absolute; top: 10px; right: 10px; } .wp-block-uagb-container .spectra-block-new:after { content: “New”; z-index: 1; overflow: hidden; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 20px; width: auto; padding: 2px 5px; display: block; color: #4d4288; border-radius: 3px; border: 1px solid #ffe4cd; position: absolute; top: 10px; right: 10px; background : #fff5dd ; } /*Specrta Depricated blocks*/ .wp-block-uagb-container.spectra-deprecated:after { content: “Deprecated”; z-index: 1; overflow: hidden; border-radius: 3px; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 20px; width: auto; padding: 2px 5px; display: block; color: #4e5d8b; border: 1px solid #e5e7eb; position: absolute; top: 10px; right: 10px; } /*spectra block section css ends*/ @media screen and (max-width: 960px) { .spectra-extension:after,.spectra-pro:after, .spectra-legacy:after { font-size:9px!important ; top:8px!important; right:8px!important; } }

Supercharge Your WordPress Block Editor