A drag handle that wipes between two states — ideal for case-study redesigns.
A live catalog of what your site can do.
Every tile below is hand-built and live. Hover, click, scroll — then tick the ones you want on your site and send the list with one click. We’ll come back with scope, timeline, and pricing for the package you picked.
A custom 3D piece — a logo, product, or abstract form — rendered live, shaped to the brand.
Drag to size the package — the price updates in real time. Cuts pricing-page friction.
Light your best work
wherever the eye goes.
A directional glow that follows the cursor over hero sections or feature blocks.
An always-on rhythm of bars — for podcast pages, music brands, or live events.
An always-on banner of values or services. Sets a tone before anyone scrolls.
Stat callouts that animate in. Ideal for case studies and pricing pages.
Product or service cards respond to the cursor with a soft 3D lean and gloss.
Primary buttons subtly track the cursor — a one-detail upgrade that feels custom.
Hover to reveal a featured image through a soft mask — perfect for project galleries.
Ember Edition · 01
Frosted layers and tactile depth — premium feel without the clutter.
Frosted, layered cards over rich backgrounds — premium feel without heavy art.
A trail of light that dissolves behind the pointer. Reserve for portfolio canvases.
Swap one word in a headline so the message keeps pace with what users came for.
A slow, ambient gradient that drifts behind hero sections — atmosphere without art assets.
A small confetti burst on a successful action. Memorable, never gimmicky.
Big stats that flip into place — page views, revenue, growth — straight from your data.
Soft ember dots drifting upward — a quiet ambient layer for dark hero sections.
A controlled distortion on hover — modern, kinetic, and reserved for one word, never a paragraph.
Section headlines that stagger up on hover or scroll. Quiet by default, alive on contact.
An animated SVG shape — works as an avatar, signature, or quiet hero ornament.
An elegant SVG ring for performance scores, goals, or loading states.
The grain that earns the room.
A quiet film of noise — adds warmth without stealing focus.
A whisper of film grain over a panel — adds warmth and texture without heavy art.
Stories worth scrolling for.
Full-bleed hero with kicker, headline, and a quiet glow. Sets the room when they land.
An asymmetric tile layout for features, services, or a homepage at-a-glance.
- One human in your DMs
- Two design cycles a week
- Cancel anytime
A single-tier card with price, features, and CTA — the building block of any pricing page.
Best investment we made this year. Bookings doubled inside two months — and the site still feels brand-new.
A quote, an avatar, a name. The most-shipped social-proof block on the web.
A 3-up row of headline numbers — perfect for case studies and about pages.
A pure-CSS laptop frame to feature a real screen capture of your site.
An infinite scroll of partner or press logos. The lightest social proof you can offer.
A coordinated palette — primary, ink, paper, accents — applied consistently across the site.
A clear hierarchy from display to caption so every page reads with intent.
Coastal Hotel
+62% direct bookings · Q4
Modern SaaS
+28% trial-to-paid · 90 days
Atelier Studio
+3x avg session length
Tap to shuffle through case studies. Doubles as a feature carousel for short lists.
Steps, services, or testimonials that arrive one beat at a time as the section enters view.
A linear bar that tracks scroll position — anchors long pages and lifts time-on-page.
Swap between services or pricing tiers without a page reload.
Built for both.
Tap to feel the system flip — every surface, edge, and accent moves with intent.
Day and night versions of the same site, switched in a single tap.
- Pricing & packages
- Case studies
- Web design
- Brand identity
Inline search that highlights matches as the user types — for sitemaps, FAQs, catalogues.
A keyboard-first jump menu — a rare touch that signals serious craftsmanship.
Click to flip — front holds the headline, back holds the detail. Honest and tactile.
A live local time display — for studios, venues, or anyone proud of where they work.
Collapsible answers for objections — the fastest fix for a long sales page.
Pull average review scores from Stripe, Trustpilot, or Google straight onto the page.
Show your process — brief, design, build, launch — and where this client's project sits.
A polite notification after a form, booking, or purchase succeeds.
A live counter for cart items, unread messages, or fresh inventory.
16 teams shipped this quarter
Social proof without a wall of logos — show the team, the clients, or the cohort.
Pill filters for portfolios, blog categories, or product attributes.
Yes/no controls for newsletters, monthly/yearly pricing, or theme preferences.
Polished loading shimmer for blogs, dashboards, and feeds. Replaces ugly spinners.
Three rings of light circling a core — quiet motion for a hero canvas or feature card.
Animated glow lettering — perfect for venues, restaurants, or any brand with a pulse.
A live compass — wayfinding for outdoor brands, real estate, or expedition pieces.
A pulsing location marker on a faded map — for studios, store locators, or contact pages.
A stylized loading state with falling sand — slower than a spinner, with character.
Concentric pulses radiating outward — evokes activity, signal, presence.
A continuous scrolling tape of figures or symbols — finance pages, status bars, sports.
A rotating dotted-line globe — global businesses, distribution maps, contact pages.
Days · hours · minutes · seconds, counting down to launch, drop, or event.
A beam splits into a rainbow — for brand-system pages, color tools, or design studios.
An instant-photo card with caption — playful frame for testimonials, behind-the-scenes, dates.
The button that earns the sale — a tactile state change that confirms the action.
A side-panel cart that reviews the order without leaving the product page.
Quick +/− controls so visitors can up the basket without typing or selecting.
Nudge basket size with a live progress bar — a measured lift to AOV.
- 1Cart
- 2Shipping
- 3Payment
- 4Done
A clear wayfinding path through Cart, Shipping, Payment — fewer drop-offs at confirmation.
A reassurance row of supported payment methods — quietly removes a checkout objection.
An animated order summary that shows exactly what the customer is being charged.
A delightful little win when a code is redeemed — with confetti to mark it.
The catalog tile — image, name, price, with a quick-add CTA on hover.
Tap a dot, see the live label update — the cleanest variant picker in the catalog.
Pill-row sizes with sold-out states baked in — stops the cart-then-disappointment cycle.
A markdown that lands — old price strikes through, new price swooshes in with a discount badge.
A spinning ember disc that signals a markdown without crowding the layout.
Soft scarcity — a dot meter that nudges purchase without screaming at the visitor.
A satisfying save — the heart fills, a ring bursts, and a tag confirms it.
Hover to preview, click to lock — a rating filter that doesn't make people think.
Three quiet reassurances — secure checkout, free returns, money-back guarantee.
“Shipped fast, fits perfectly. Buying another in black.”
— Maya, BrooklynReal-customer quotes that rotate themselves — the most-shipped social proof on the web.
A pulsing count of who's looking right now — small detail, measurable lift.
A side-of-screen ticker of recent buys — proof of momentum without a wall of stars.
A live-updating count of units sold this hour — quiet urgency, real numbers.
A red laser sweeps a barcode and a product label flashes — kinetic, on-brand for any retail surface.
A customer card with rolling points and a sliding badge climbing the ladder toward Platinum.
A month grid with available days marked — the fastest path from interest to appointment.
Pill-row time picker with sold-out slots dimmed — for salons, studios, services.
A live open/closed indicator — answers the most-asked question on a local site.
An abstract map snippet with a pulsing pin — for studios, shops, and contact pages.
Tonight's table availability at a glance — for restaurants, bars, and venues.
Restaurant-style line items with dotted leaders — old-world print energy on the web.
Concentric pulses around a storefront pin — show your service area at a glance.
Join the list — quiet, never daily.
A polite list-builder that respects the reader and pays for itself in three weeks.
USD / EUR / GBP toggle that updates the price live — friction off the international visit.
Monthly / yearly switch with a save badge — the cleanest upsell on a pricing page.
One-tap copy of a personal share link, with a checkmark draw-in to confirm.
A live-ticking dollar amount — a dashboard's most addictive number, animated.
An analog clock face with a sweeping second hand and a pulsing −40% badge — quiet urgency, made tactile.
A shimmering ember card with a ribbon — a digital gift that feels like an object.
A friendly nudge to resume an unfinished checkout — the easiest revenue you'll recover.
Two sliders, one live total — a calculator that turns service inquiries into qualified leads.
15 / 18 / 20 / Custom — a tip picker for invoices, restaurant POS, or service receipts.
A receipt-card layout with totals and tax — the most-used template in any service business.
- Ordered
- Packed
- Shipped
- Delivered
A four-step shipment tracker with a moving truck — a post-purchase moment of delight.
A clock-face arrival time with an on-time badge — confidence delivered before the package is.
Add-on checkboxes that recompute a live total — turns a price page into a real estimator.
| Size | Chest | Waist |
|---|---|---|
| S | 36″ | 28″ |
| M | 40″ | 32″ |
| L | 44″ | 36″ |
A small fit table with the user's row highlighted — confidence through the right size.
Send us the tiles you like — we'll scope a site around them.
Tell us which capabilities matter for your audience and which page they belong on. We'll come back with scope, timeline, and availability within one business day.