Cards that lift
Hover a card and it rises with the shadow deepening underneath. Makes a grid of services feel physical rather than flat.
Our elements
Little touches we can build in.
Everything on this page is live, so have a poke at it. None of it is a plugin, none of it slows the page down, and none of it costs extra. Tell me which ones you want.
20
live demos
0
plugins used
£0
added to your quote
01 · Hover & motion
Things that respond to you.
Movement that tells you something is clickable, rather than movement for its own sake.
Buttons that fill
Colour sweeps up from the bottom on hover instead of just changing. Small thing, feels far more deliberate.
Hover meSee the project
Cross-fading overlays
One state swaps for another on hover. Works well over portfolio images where the caption only appears when wanted.
Tooltips
Extra detail on demand, without cluttering the page. Good next to prices, form fields and anything jargony.
Tap ripples
A ring spreads out from the button when tapped. Confirms the tap landed, which matters most on phones.
Morphing menu icon
The three lines fold into a cross when the menu opens. Tap it. Tiny detail people always notice.
02 · Feedback & input
Controls that feel finished.
The difference between a form that feels cheap and one people trust with their details.
Proper switches
For monthly and yearly pricing, or filtering a list. Animates rather than snapping, so it reads as one control.
Star ratings
Fills as you move across it, locks in on click. Useful for feedback forms and review prompts.
Filter chips
Tap to narrow a portfolio or product list instantly, with no page reload and nothing to wait for.
Copy confirmations
Tap it. The button confirms it worked and resets itself. Useful for phone numbers, emails and discount codes.
Counting numbers
Tap the number to watch it run up. On a real site it counts as you scroll it into view. Handy for jobs done or years running.
About the project
Multi-step forms
A long enquiry form split into short steps, with the progress always visible. Tap a circle to move through it.
03 · Text & backdrops
Setting the mood.
Used once or twice a page these lift the whole thing. Used everywhere they make it a fairground.
Hand-builtFast loadingYours to keepFixed pricePhone first
Scrolling ticker
A continuous band of services, brands or reviews. Loops seamlessly, pauses when you hover, and never needs a scroll position.
Book a quote
Shimmering headline
A slow sheen travelling across the text. Good for one hero line, terrible for six of them.
We build shop websites
Typing headlines
The end of a sentence types itself out and cycles through the things you do. Best used once, at the very top.
Soft moving backdrop
Drifting backgrounds
A pastel wash that moves slowly enough that you notice it without being distracted. Sits well behind a hero.
Progress rings
A drawn arc rather than a bar. Good for scores, capacity, or how far through a form someone is. Tap to replay.
Bars that grow in
Charts fill from zero as they come into view rather than sitting there fully drawn. Reads as data arriving.
Loading placeholders
Shown while real content arrives, instead of a spinner or an empty white page. Makes a site feel quicker than it is.
04 · Try it yourself
Make it your colours.
Pick a colour and watch the same elements change. This is roughly how your own brand colour would sit across a site.
Brand colour
Corners
Background
Nothing here is a theme or a template. Every one of these is written into your site directly, so it always matches your branding exactly.
--brand: #00A9E0; --radius: 10px;