Superhero Technologies
Our website component library

Website elements you can ask for by name

An element is one self-contained part of a page, like a before-and-after slider or a moving background, built once, properly, and reused on every site we make. This is the UI component library behind every Superhero site. Each element is a single file with no dependencies, so there is no plugin to update and no script loading from somebody else's server, and it takes its colors from your site's own palette.

To get one, ask for it by name in a request. “The before-after on our home page, with the old and new kitchen photos” is a complete request. The names they go by on WordPress work too.

Hero & motion

Movement that makes your first screen feel alive, from drifting particles and background video to words that type themselves.

Content blocks

Tidy ways to present your services, opening hours, locations and facts so visitors take them in at a glance.

Media & showcase

Frames for your photos, videos, reviews and social posts that invite people to look closer.

Offers & conversion

Put your offer, deadline or big news in front of visitors at the moment they are ready to act.

Feedback & states

Clear messages that tell visitors what just happened, what is still loading and how far along they are.

Toast

A quiet “Saved” or “Link copied” in the corner that confirms the click and gets out of the way, with an Undo when one is needed.

Also calledsnackbartoast notificationtoastr

Toasts appear at the bottom right of this page. Hover or focus one and its timer stops; Escape closes the one with focus; one with an action stays until it is used or closed. At most three show at once. Without JavaScript nothing appears: a toast only exists because a script made one.

Controls & details

Small finishing touches, from choices and menus to link hovers and cookie consent, that make a site feel carefully made.

Browse elements

Hero & motion

Navigation & layout

Content blocks

Media & showcase

Offers & conversion

Feedback & states

Controls & details

Why elements, and not plugins

On a WordPress site, each of these is a plugin or a page-builder module: another subscription, another update, another thing that breaks on its own. Here each one is part of the site, written to be keyboard operable, readable by a screen reader, and still when a visitor has asked their device for less motion. See the rest of what a site can do on the features page.

Want these on your site?

Tell us about the business and we will build the site, launch it, and add the elements you ask for by name.

Your favorites

Nothing saved yet. Press the heart on any element, feature, style, flavor, palette or typeface pairing and it waits here for you.

Your favorites go with you to checkout, so we know what you want on your site.

Get Started

Your $150 SEO audit, free

We'll read up to ten pages of your site, see what your customers search for and who shows up instead. You'll see your score here in a minute or two, and the full plain-English report comes by email, so use an address you check.

We'll email your report either way.

How we use these: our privacy policy.

Any finding in this report that goes into a build with us does not add to the cost of the build. A person follows up after the report. More about the audit

Message us