Purchase

Custom WordPress
elements which can
be used everywhere.

Purchase Docs
<spx-masonry columns="4" gap="12px" images="<?php echo spx\Get::gallery('houses', 'acf'); ?>"> </spx-masonry>
Live preview
[spx-accordion header-text="Click me!" content-text="I am a hidden text" header-color="var(--spx-color-gray-500)" content-color="var(--spx-color-gray-300)"] [/spx-accordion]
Live preview
oxygen wrapper
Components

A flexible toolbox
for every occasion.

New element features are being added regularly while current functionality is constantly reviewed and enhanced.

Accordion

Content toggle to show and hide text or images on click.

Animate

Animate all inner elements using controls like x, y and opacity.

Class Toggle

Triggers one or multiple classes on the inner element.

Code

Highlights a given piece of text like in a code editor.

Edit Button

Allows you to edit custom fields and options from the frontend.

Group

A utility component to apply the same settings to multiple elements.

Icon

Renders an icon from the Ionicon library. Font Awesome support coming soon.

Iframe

An enhanced Iframe element with enhanced capabilities.

Image Comparison

Compare two images using a slider. (before/after)

Lightbox

Opens a group of images in an overlay above the page.

Masonry

Lay out images or elements in masonry style (Pinterest-like) grid.

Mockup

Display a device mockup (iPhone, MacBook etc.) around an image.

Navigation

Render an accessible navigation from a WordPress menu.

Notation

Notate parts of a text, similar to making scribbes in a notebook.

Offset

Responsively offsets itself to the height of another element in the document.

Scrollspy

Add CSS classes to navigation items depending on scroll position.

Share

Sharing buttons for the most popular social media networks.

Slider

Image slider to navigate through a gallery of images.

Slideshow

An infinite slideshow of thats animated from right to left.

Snackbar

A notification bar which removes itself from the DOM after 5 seconds.

Text

Display text coming from a markdown document or Gutenberg.

Typewriter

Animates text like it is being written on a typewriter.

Components

Easily understood.

A straightforward syntax makes composing elements with spx a breeze for advanced and simple use cases.

<spx-image-comparison src-before="https://source.unsplash.com/random/1201x300" src-after="https://source.unsplash.com/random/1300x300" height="300px"> </spx-image-comparison>
Flexibility

Truly future-proof.

By adopting an open web standard, spx is able to adjust its elements to the previous, current and future tools available in the WordPress world. Learn more about integrations.

logo Web Components
logo Shortcodes
logo Oxygen Wrapper
logo Gutenberg Blocks
logo Elementor Wrapper
logo Brizy Wrapper
Flexibility

Extendable if needed.

Need to build your own customised solution? All component data is available as JSON files inside the plugin folder.

// accordion.json { "name": "spx-accordion", "description": "The classic method to show and hide elements on your website.\nCan be used with custom markup for the header and/or content section.", "properties": [ { "id": "accordion-contentColor", "name": "contentColor", "attribute": "content-color", "type": "string", "description": "", "default": "'var(--spx-color-gray-900)'", "defaultValue": "'var(--spx-color-gray-900)'", "tags": [] }, { "id": "accordion-contentText", "name": "contentText", "attribute": "content-text", "type": "string", "description": "Content text.", "default": "'Default Content Text'", "defaultValue": "'Default Content Text'", "tags": [] }, { "id": "accordion-contentTextTag", "name": "contentTextTag", "attribute": "content-text-tag", "type": "string", "description": "Content text tag.", "default": "'span'", "defaultValue": "'span'", "tags": [] } ...
Performance

Goodbye large bundles.

Instead of serving a single file, spx is dynamically loading the components which are currently active on the page.

bundle comparison
Explore

Not convinced?

The playground is a great place to try out all of the available components first-hand, see them in action and export code for further usage.

Go to playground
Purchase

Buy once, use forever.

It doesn't get any simpler than that: a license will allow you to use spx on unlimited sites forever.

49 € Click to continue

Stay in the loop

For:

You can unsubscribe at any time by clicking the link in the footer of our emails. For information about our privacy practices, please visit our website.

We use Mailchimp as our marketing platform. By clicking to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing.

Learn more about Mailchimp's privacy practices here.

Products

A collection of web components
for WordPress developers.

A modern component-like
ACF blocks framework.

A minimal and feature-packed
WordPress theme.

Quicklinks

Playground Changelog Privacy Login Reset password

Help

Documentation Product support

Guides

Oxygen Edit Button

Latest Post

3.0 is here! 3.0 is here!

© 2021 Fabrikat. All rights reserved.

hi@fabrikatdigital.com