Sign in Sign up free

Recording of the visual regression run on kitfront.com · KitFront — app walkthrough.

In this video· click a step to jump to it

K

Passed ✓

Test recording

KitFront — app walkthrough

101,855 ms · 49,512 pixels changed

We built this regression test for kitfront.com — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against kitfront.com. Claim it into your own workspace and re-run it on every deploy — free.

Claim this test — free Sign in to run it

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => screenshotPath.replace('.png', '-' + n + '-' + slug + '.png');
  const UA = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36';
  await page.context().setExtraHTTPHeaders({ 'User-Agent': UA });

  for (const pattern of [
    '**/cdn-cgi/scripts/**/email-decode.min.js',
    '**/cdn-cgi/scripts/**/cloudflare-static/**',
    '**/browser.sentry-cdn.com/**',
    '**/cdn.segment.com/**',
    '**/connect.facebook.net/**',
    '**/www.googletagmanager.com/**',

+102 more lines — claim the test to get the full code.

Checks run

Run

✓

Visual

2.99%

Text

—

DOM

✓

Network

+108 −108

Console

✓

A11y

A

Perf

324 over

URL

✓

Variables

—

49,512

Diff px

1m 42s

Duration

A

Accessible

WCAG 2.2 · 93

C

Fast

Web Vitals · 70

Notes from the demo run

AI-generated

We signed up, confirmed the email, and drove KitFront end-to-end as a paying-curious visitor would: the 24-category section index, the Home Hero category, then the editor itself in both Bootstrap and Tailwind, flipping Preview/HTML/CSS and the desktop-to-mobile viewport. The editor is the product and it holds up: the preview is a real render rather than a static image, the HTML pane is properly syntax-highlighted with Copy HTML right there, and swapping the framework in the URL gives you the same section rebuilt rather than a different section.

Highlights

Framework parity is the selling point
The same Home Hero 01 exists at /editor/bootstrap/... and /editor/tailwind/..., so a visitor can diff the two implementations side by side. That is the thing worth putting on the landing page.
Editor controls are genuinely useful
Background Light/Dark, Header behaviour Hide-on-scroll, and Desktop/Tablet/Mobile all re-render the live preview. It behaves like a playground, not a screenshot gallery.
Free tier is honest and legible
506 total sections, 32 free, 24 categories, stated as three numbers at the top of /sections. No dark-pattern about what is gated.

Friction points

Signup drops you at sign-in instead of signing you in
After Create Account the app routes to /signin?redirect=/sections with a Please check your inbox notice, then after the confirm link you land on /signin again and have to type the password a second time. Two of the three steps could be collapsed by signing the user in on confirm.
Editor opens in a new tab with no way back
Clicking Bootstrap from a category opens /editor/... in a fresh tab that has no breadcrumb or back-to-category link, so browsing several heroes in a row leaves a trail of orphaned tabs.

7 visual changes

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST

starter

tests

all passing

regressions

0

Badges stay live, ratchet upward, only downgrade on confirmed regression.

57,226 test runs recorded · 1,151 products tested with Lastest

This test was built for kitfront.com — claim it free

One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.

Claim this test Sign in

Browse more live Lastest demo reports →