Frontline Web Designs

The widget kit, live.

Six drop-in components, one at a time. No API keys, no build step, no paid third-party scripts. Each reads your site's own colors, so it looks native in any theme.

Theme:

Switch the theme and watch every widget below restyle itself: same markup, zero extra CSS.

Each block below is one widget on its own, with the element name and what it does, so it's clear exactly what you're looking at.

01

<fw-hours>

Open / closed-now status, computed live in the browser from a weekly schedule and a timezone. No API, no fetch. The dot softly pulses when open.

02

<fw-review-badge>

A real Google rating with proportionally-filled SVG stars (a 4.9 fills most of the 5th star). If no real rating is passed, it removes itself rather than faking one.

03

<fw-map>

A location map (free OpenStreetMap embed, no Maps API key) in a card, with a real "Get directions" button. Without coordinates it falls back to a directions-only card.

04

<fw-contact-bar>

A one-tap call / text / directions bar for phones. On a live site it sticks to the bottom of the screen on mobile only; it's shown inline here so you can see it.

05

<fw-facebook-page>

On a client site this embeds their live Facebook Page timeline via the official Page plugin (no App ID). Here's a real Frontline post as an example of the content it surfaces.

Frontline before-and-after website redesign graphic
06

<fw-instagram-embed>

On a client site this embeds a live Instagram post or reel (degrading to a clean link if it can't load). Here's one of Frontline's own reels playing.

Content from @frontlinewebdesign.