Particle field
Give your hero quiet, constant movement, like a network coming alive, without the weight of a video.
Also calledparticles.jsanimated particle backgroundconstellation background
Copy sits above the field.
The dots stay behind it.
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.
Movement that makes your first screen feel alive, from drifting particles and background video to words that type themselves.
Give your hero quiet, constant movement, like a network coming alive, without the weight of a video.
Also calledparticles.jsanimated particle backgroundconstellation background
Copy sits above the field.
The dots stay behind it.
Open your home page with moving footage of your work, without making visitors wait for it or wrestle with it.
Also calledvideo herobackground videoElementor video background
Copy sits above the video.
The button bottom right pauses it.
Break up a long page with a wide photo that glides behind your words as visitors scroll.
Also calledparallax sectionparallax background rowElementor motion effects
Copy scrolls with the page.
The hills behind it move at half the speed.
Let sections and cards arrive as visitors scroll to them, so a long page feels alive without anything getting in the way.
Also calledAOSScrollReveal.jsanimate on scroll
Scroll inside this box ↓
This block slides in from the right.
This one grows into place.
Let your most important line arrive the way you would say it out loud, in your own type and at your own pace.
Also calledanimated headlineElementor Animated Headlinetext rotator
Every word arrives when you would say it.
Book a call. Ask a question. See the work.
We build websites, online shops, and booking pages
Be Clear. Be Kind. Be Brief.
Say what you do, and who it is for.
Your website is a salesperson.
The phrase arrives a word, or a part, at a time. Rise, fade or blur is how each piece comes in.
The moving hero background people ask for — waves, cells, fog, birds — in one small file, no WebGL, and it holds still for anyone who asked for less motion.
Also calledVanta.jsVanta backgroundsUABB Animated Background
The look of a WebGL background, in one small file
Copy sits above it.
The motion stays behind.
Asked your device for less motion? Then the band above holds one still frame, and so does this one: the same element with motion="off".
Still frame (cells)
Tidy ways to present your services, opening hours, locations and facts so visitors take them in at a glance.
Open now, closing in 40 minutes, back tomorrow at 8: always right, in the shop’s own time zone.
Also calledBusiness Hours Indicatoropening hours widgetopen now / closed now
Neutral Grounds Chicago
Order ahead: (555) 010-0142
Leave a message and we call back when we open.
| Day | Hours |
|---|---|
| Monday (today) | 8:00 AM – 12:00 PM, 1:00 PM – 5:00 PM |
| Tuesday (today) | 8:00 AM – 5:00 PM |
| Wednesday (today) | 8:00 AM – 5:00 PM |
| Thursday (today) | 8:00 AM – 5:00 PM |
| Friday (today) | 8:00 AM – 5:00 PM |
| Saturday (today) | 6:00 PM – 2:00 AM |
| Sunday (today) | Closed |
| Day | Hours |
|---|---|
| Monday (today) | 7:00 AM – 3:00 PM |
| Tuesday (today) | 7:00 AM – 3:00 PM |
| Wednesday (today) | 7:00 AM – 3:00 PM |
| Thursday (today) | 7:00 AM – 3:00 PM |
| Friday (today) | 7:00 AM – 3:00 PM |
| Saturday (today) | 6:00 PM – 2:00 AM |
| Sunday (today) | Closed |
Espresso bar closes 15 minutes before the doors.
Coming up
Neutral Grounds, Anchorage counter
| Day | Hours |
|---|---|
| Monday (today) | 7:00 AM – 3:00 PM |
| Tuesday (today) | 7:00 AM – 3:00 PM |
| Wednesday (today) | 7:00 AM – 3:00 PM |
| Thursday (today) | 7:00 AM – 3:00 PM |
| Friday (today) | 7:00 AM – 3:00 PM |
| Saturday (today) | 9:00 AM – 1:00 PM |
| Sunday (today) | Closed |
{
"@context": "https://schema.org",
"@type": "CafeOrCoffeeShop",
"@id": "https://neutralgrounds.example/#business",
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday"
],
"opens": "08:00",
"closes": "12:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday"
],
"opens": "13:00",
"closes": "17:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "08:00",
"closes": "17:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Saturday"
],
"opens": "18:00",
"closes": "02:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday"
],
"opens": "07:00",
"closes": "15:00",
"validFrom": "2027-06-01",
"validThrough": "2027-08-31"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Saturday"
],
"opens": "18:00",
"closes": "02:00",
"validFrom": "2027-06-01",
"validThrough": "2027-08-31"
},
{
"@type": "OpeningHoursSpecification",
"opens": "00:00",
"closes": "00:00",
"validFrom": "2026-11-26",
"validThrough": "2026-11-26"
},
{
"@type": "OpeningHoursSpecification",
"opens": "08:00",
"closes": "13:00",
"validFrom": "2026-12-24",
"validThrough": "2026-12-24"
},
{
"@type": "OpeningHoursSpecification",
"opens": "00:00",
"closes": "00:00",
"validFrom": "2026-12-25",
"validThrough": "2026-12-25"
},
{
"@type": "OpeningHoursSpecification",
"opens": "00:00",
"closes": "00:00",
"validFrom": "2027-12-25",
"validThrough": "2027-12-25"
}
]
}A card that turns over to say more — works on a phone, not just on hover.
Also calledPowerPack Flip BoxUABB Flip BoxElementor Flip Box
Pages drawn around what your customers ask first.
We start from the questions your front desk answers every day, and design the pages so a visitor finds the answer before they reach for the phone.
See the workA person answers, the same day.
Fast pages, served close to your visitors.
Every page is prebuilt and served from a network of data centers, so it opens quickly wherever your visitors are, and there is no server of yours to patch.
How hosting worksTap or click to turn this one over: it ignores hover.
One hour with your team, recorded, so whoever edits the site next has seen it done.
Book a sessionLay out your services, how you work step by step, or your story year by year, each with an icon or a number, in a list that reads on any screen.
Also calledPowerPack Info ListUABB Info ListElementor Icon List
Call, or book a visit online at a time that suits you.
A walk round the garden and a written price within two days.
On the agreed day, with the site left tidy every evening.
One invoice at the end, once you have seen the result.
The business starts with weekend lawn care for neighbors.
A courtyard garden, and the start of the design side.
Two crews, a designer and an office that answers the phone.
Drip irrigation and drought-tolerant planting become a service of their own.
Put the explanation on the picture: pins on the parts that matter, each opening a line about it — or a guided tour that walks visitors round.
Also calledUABB Hotspotimage hotspotsinteractive image
The window
Double-glazed, south-facing. Blinds are made to measure and fitted in a morning.
Arc floor lamp
Warm 2700 K bulb on a dimmer, so the corner works for reading and for films.
Three-seat sofa
Removable, washable covers in twelve colors. Delivered and assembled in the room.
Plant and pot
A rubber plant that copes with low light, in a terracotta pot with a saucer.
Round rug
Hand-woven wool, 2 m across. It hides a draughty floorboard nobody has fixed yet.
Sunset Point
The low sun sits here in late September. Arrive twenty minutes before sunset.
West ridge trail
Two miles, gentle, with benches every half mile.
Car park
Free, 40 spaces, closes at 10 pm.
Five things you do, round one circle: point at one and it tells its story in the middle — and on a phone it is simply a list.
Also calledUABB Info Circlecircular infographiccircle infographic
An hour on the phone about your customers: what they ask, what they need to find, what makes them call.
A page list and a sketch of each page, agreed before anything is built, so there are no surprises.
Pages built from tested parts, on a preview address you can click through at any time.
The new site goes live on your domain, with the old addresses redirected so no link breaks.
Monthly checks on speed and search, and small changes whenever you ask.
By the footbridge. Opens at 7, with the best seats in town for watching rowers.
Riverside hoursA card that shows the headline first and slides up the detail when someone wants it, on a phone as well as with a mouse.
Also calledUABB Slide Boxslide boxreveal card
Roasted on Tuesdays, sold by Friday.
Two house blends and a single origin that changes each month. Ask at the counter for a taste of whatever is on the grinder.
See this month’s beansBeans at your door in two days.
Order by noon and it ships the same day, in a bag that keeps the beans fresh for a month.
How delivery worksFor cafés, offices and restaurants.
Weekly deliveries, a grinder on loan and a morning of barista training for your staff.
Ask for a price listTap or click: this one ignores hover.
The first Saturday of each month, 9 to 11. Six coffees, one table, no booking needed.
Next datesShow people where you are and get them there in one tap, without a Google script on every page.
Also calledUABB Google MapPowerPack Google MapElementor Google Maps
One location, map beside the details
Loads a map from Google.
Open daily, 6 AM to 11 PM
Several locations, one card each
Loads a map from Google.
The second card has no map, just the links. The phone number is a 555 number, reserved for fiction.
Timetables, prices and comparisons that read on a phone: a proper table on a wide screen, and a card per row, or a table you can swipe along, on a narrow one.
Also calledmobile tabletable to cardsstacked table
Drag the corner of the box to make it narrower: below 40rem each class becomes a card, every value under its column’s name.
| Class | Day | Time | Length (min) | Price | Places left |
|---|---|---|---|---|---|
| Wheel throwing for beginners | Tuesday | 6:30 pm | 120 | $45.00 | 3 |
| Hand building | Wednesday | 10:00 am | 90 | $35.00 | 6 |
| Glazing workshop | Thursday | 7:00 pm | 90 | $40.00 | 0 |
| Open studio | Saturday | 9:00 am | 240 | $25.00 | 10 |
| Family clay morning | Sunday | 10:30 am | 60 | $20.00 | — |
Nine columns keep their shape; the edge fades where there is more, and the box takes arrow keys once it has focus. With a height limit it scrolls down too, and the header row stays in view.
| Plan | Monthly | Yearly | Pages | Editors | Storage (GB) | Custom domain | Support | Details |
|---|---|---|---|---|---|---|---|---|
| Solo | $6 | $60 | 1 | 1 | 1 | No | Help pages | Solo plan |
| Starter | $12 | $120 | 5 | 1 | 2 | No | Email, next working day | Starter plan |
| Studio | $29 | $290 | 25 | 3 | 20 | Yes | Email and phone, same day | Studio plan |
| Agency | $79 | $790 | 1,000 | 15 | 200 | Yes, up to 10 | A named person, within the hour | Agency plan |
| Enterprise | — | By quote | Unlimited | Unlimited | 1,000 | Yes, any number | A named team, around the clock | Enterprise plan |
Frames for your photos, videos, reviews and social posts that invite people to look closer.
Show the old and the new in one frame, and let visitors drag to compare.
Also calledTwentyTwentyimage comparison slidercompare slider
Your latest posts on your own site, from our copy of the images, so the grid does not go blank when Instagram changes its mind.
Also calledPowerPack Instagram FeedSmash BalloonInstagram feed widget
Twelve posts, 3 / 4 / 6 columns, captions on hover or keyboard focus
Three columns, captions below
First light on the window counter. Doors open at 8, the kettle is already on.
Pouring the autumn blend, start to finish. Thirty seconds of calm for your Tuesday.
Five new mugs from the studio down the road. Swipe for all of them, and the glaze that went wrong.
Saturday evening set list is up. Music from 6, kitchen open till late.
Disconnected: the last posts stay up, without the live claim
Recent posts
Follow @neutralgrounds on InstagramNo posts: the element renders nothing, and the page decides what to say
Show more reviews, team members or posts than fit across the page, and let visitors swipe or click through them.
Also calledPowerPack Card SliderElementor Testimonial CarouselSlick slider
“They fitted the whole kitchen in four days and left it cleaner than they found it.”
“The quote was the price. No surprises at the end, which is a first for us.”
“Our bathroom finally has a shower that drains. Friendly, tidy and on time.”
“They answered the phone on a Saturday when a pipe burst. That is why we call them first.”
“Good advice about what not to spend money on. We saved more than their fee.”
“Photos every evening of what had been done that day, so we never had to chase.”
“Second project with them and it will not be the last.”
Your video, your thumbnail, and nothing loads from YouTube until someone presses play.
Also calledPowerPack VideoUABB VideoElementor Video
YouTube, in place
Self-hosted, with captions
Lightbox, custom play icon
Let what your clients say move gently across the page, without anyone losing a quote halfway through reading it.
Also calledtestimonial slidertestimonial rotatorreview scroller
A short quote. The row waits at least seven seconds on every card, so a short one is never rushed.
A long quote holds the row for longer. The wait follows reading time, about two hundred words a minute plus a two-second margin, so someone halfway through a paragraph is not left chasing it off the edge of the screen. This card is the longest in the row, and you can watch it stay put while the short ones move on sooner.
Rest the mouse on the row and it holds still. Move away and it carries on.
Press an arrow, swipe, click in the row or tab into it, and it stops until you press play. Taking hold of it is signal enough.
The pause button is there whenever the row can move, because moving content that runs past five seconds must offer a way to stop it.
Every card is in the page’s HTML. With no JavaScript this is a plain row you can swipe, and nothing is hidden from search.
At the end it fades out and starts again from the first card, instead of rewinding past every one.
Find the icon, copy its name, put it in a request — it arrives as one crisp inline SVG, not a 300 KB font.
Also calledFont Awesomeicon pickericon search
Icon-only button: label names it. This button's whole accessible name is "Delete", even though there is no visible text.
Decorative next to its own text (no label), but with a native title tooltip.
Showing 200 of 2,606 icons.
Need a different look? Every icon here also comes in thin, light, sharp and duotone styles in a Superhero build. Browse the full Pro set at fontawesome.com/search and send us the name.
All your videos on one page, sorted by topic, with your own thumbnails, and nothing loads from YouTube until someone picks one.
Also calledUABB Video GalleryPowerPack Video GalleryElementor Video Playlist
Lightbox, filtered by category, with counts
© Blender Foundation, peach.blender.org, CC BY 3.0. On YouTube.
© Blender Foundation, durian.blender.org, CC BY 3.0. On YouTube.
The same film, CC BY 3.0, played from Vimeo with Do Not Track on.
Self-hosted, with a captions track.
Inline: the tile becomes the player
Big Buck Bunny, without a poster
No poster given: a neutral panel, never YouTube’s thumbnail.
Drift, a three-second loop
Pressing the other tile puts this one back.
Put your offer, deadline or big news in front of visitors at the moment they are ready to act.
Keep your latest news, offers and events turning over in one slim strip, so visitors see what is new without a banner shouting at them.
Also calledContent TickerPowerPack Content Tickermarquee
Slide up, with thumbnails and dates
Fade, plain text, the label links to the offers page
Marquee at 50 px/s
Autoplay off: arrows only, no pause button because nothing moves by itself
A box that opens when it is asked for — a click, a scroll, a hand leaving for the tab bar — and stays gone once it's been closed.
Also calledPowerPack Modal BoxUABB Modal PopupElementor Popup
On click, a form
Any element with data-modal-open opens it: a button, a link, an image. So does a link ending #demo-modal-ask, as from an email.
After a delay or a scroll: by itself on its own page, here on a press
On a site it opens after 20 seconds or half the page, whichever comes first, but never in the first 3 seconds, never while a consent bar is waiting and never again that session once closed.
Exit intent: by itself on its own page, here on a press
On a site it opens when the pointer leaves through the top of the window, towards the tabs. Mouse and trackpad only: on a phone or tablet there is no pointer to leave.
Full screen, an image
One line across the top for the thing that matters this week — with a date it stops itself, and a dismiss that stays dismissed.
Also calledPowerPack Announcement BarHello Barnotification bar
Show exactly how long is left — to the end of a sale, the start of an event or today’s order cut-off — in your time zone, not the visitor’s guess.
Also calledUABB CountdownElementor Countdowncountdown timer
Ends
The autumn sale has ended.
Ends in
Your welcome offer has lapsed.
Thirty minutes from your first view, kept in this browser, so it is the same deadline when you come back.
Next dispatch
This offer has ended.
Resets to tomorrow's 3 PM New York cut-off the moment today's passes, across daylight saving.
Let visitors flip between two versions of the same thing — monthly or annual prices, homes or businesses — without leaving the page.
Also calledUABB Content TogglePowerPack Content Togglepricing toggle
Mark the sale, the new arrival or the last few in stock right on the photo, where shoppers look first.
Also calledsale badgesale stickercorner ribbon
$45, was $60
$32, was $40
$18
$12
Clear messages that tell visitors what just happened, what is still loading and how far along they are.
A small explanation on a word or an info icon, there when someone points at it or tabs to it, and out of the way the rest of the time.
Also calledhover textinfo iconhint bubble
Orders placed before noon ship the same day, and arrive in Monday to Friday, not counting public holidays.. Unused items can go back under our returns policy30 days from delivery, in the original packaging..
Each has a preferred side. Near the edge of the window it flips to the other side and slides to stay on screen.
Above, unless there is no room.Below, unless there is no room.To the left, unless there is no room.To the right, unless there is no room.Without JavaScript this one is the browser’s own tooltip (title), not a bracket.
Hover, or press Tab to reach a trigger; Escape hides the tip.
Say what just happened, or what needs attention, right where it applies, in a color that says how much it matters.
Also calledalert boxinfo boxcallout box
Information: Classes resume on Monday
The studio is closed this week while the floor is refinished. Your booking moves with it.
Success: Your changes were saved.
Error: We could not take the payment
Nothing was charged. Check the card number and try again.
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.
Show people the page heard them: a spinner where something is working, gray shapes where content is on its way, and a form that cannot be clicked twice while it saves.
Also calledspinnerloading spinnerskeleton screen
Spinner
Skeleton
Busy
Show people where they are in a checkout or a sign-up, how far they have come and what is left, on a laptop or a phone.
Also calledstep indicatorprogress stepsstepped progress indicator
In a real checkout the form for this step sits here.
Small finishing touches, from choices and menus to link hovers and cookie consent, that make a site feel carefully made.
A consent bar that is yours: no monthly CMP fee, nothing loads from Google until the visitor has said yes where the law needs a yes.
Also calledCookieYesCookiebotComplianz
Analytics load on the first visit. The bar says so, and Decline stops them and deletes what they wrote.
Nothing is requested from Google until the visitor presses Accept. Visitors in EEA, UK and Swiss time zones always get this.
Both frames run the real widget with strictRegions off, so each shows its own mode wherever you are. On a site leave it on. Nothing here reaches Google: gtm.js is blocked inside the frames, and the analytics cookies shown are stand-ins for the ones GA would set.
Links that answer back when you point at them, and never leave a keyboard user or a slow eye behind.
Also calledUABB Creative LinkPowerPack Link Effectscreative link
lk-underline-slideIn from the left, out to the right.
lk-underline-growUnderlined at rest, so it works in a paragraph.
lk-bracketsBrackets close in.
lk-highlightA marker sweeps behind the words.
lk-boxA frame draws itself.
lk-strike-to-underlineStrikes through, then drops to an underline.
lk-arrowThe arrow’s room is kept, so nothing moves.
lk-circleRinged by hand.
lk-peekOurs: the answer peeks in. data-peek="$49/mo".
lk-swashOurs: a hand-drawn line draws itself.
lk-tagOurs: a pill fills, the text turning with it.
In running text, keep an underline at rest: this sentence links to the planting guide, which thickens on hover and on focus and wraps across lines like any other link.
Tuck a handful of actions — share, export, edit, delete — behind one tidy button that works the same with a mouse, a keyboard or a screen reader.
Also calleddropdown buttonaction menukebab menu
Choose something from a menu.
Let people pick one option at a glance — as a list, as big cards with an icon, or as a pill switch — and it still posts like the plain form it is.
Also calledchunky radio buttonsradio cardscard radio buttons
Show the topics, features or filters that belong to something, and let visitors clear a filter with one tap.
Also calledchipstag chipspills
On a product
Topics on a post
Applied filters
Remove a filter: the host hears data-removed with its value.
No element matches “”. Try another word, such as the name it has on WordPress, or pick a category above.
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.
Tell us about the business and we will build the site, launch it, and add the elements you ask for by name.