Accessibility Auditing & Website Conversion Platform

The developer's
website alchemy kit

Transmute converts any live website into a deployable Angular or React project. Audit scans for accessibility violations with a formal compliance report. Use it on the web or install the Chrome extension for one-click access from any tab.

Under 60 seconds📦 100% offline output508 compliance engine🧩 Chrome extension🚀 3 compiler modes
0
Audit categories
0
Compiler modes
0+
Files generated
0%
CSS fidelity
Live Demo

See both tools in action

Auto-playing animated walkthroughs — every stage from URL input to export, looping automatically.

♿ 508 Accessibility Audit EngineAUTO
🔒https://example.com → proxied via /api/proxyLIVE
⚙️ Scanning 27 elements…508 rule engine
IMGLogo — alt="Google"
PASS
BUTTONGoogle Search
PASS
AGmail header link
PASS
INPUTSearch — no visible label
WARN
SVGMic icon — no aria-label
FAIL
92%
Compliance Score
Graphics
Interactive
Forms
Structures
Text
▶ Auto-playing · loops every 11sAUDIT
🌐 Proxy💉 Inject⚙️ Scan📊 Cards♿ Score📄 Export
⚗️ Transmute Engine — URL → Angular ProjectAUTO
https://google.com · Angular · Native HTML/CSSANGULAR
Settle pass — fonts & lazy panels✓ done
🗺️Parallel crawl — 19 pages found✓ done
🌿DOM extraction — styles & attrsrunning
⚙️Compiler · Angular 17 standalonequeued
⚙️ Compiling 71 files…AngularProjectArchitect
19 pages2 stylesheets3.1 MB ZIP
📄package.json1 KB
📄angular.json2 KB
🎨src/assets/captured.css2.4 MB
app.routes.ts · 19 routes1 KB
$ npm install && ng serve --port 4200✓ Angular Live Dev Server on localhost:4200✦ Pixel-perfect · zero CDN dependencies
▶ Auto-playing · loops every 13sTRANSMUTE
🌐 URL⏳ Settle🗺️ Crawl🌿 Extract⚙️ Compile📦 ZIP🚀 Run
Transmute Pipeline

From URL to running app

Seven deterministic stages run every time — each card floats independently, beams travel between stages.

01
🌐
Enter URL
URL or .html file
02
Settle Pass
Fonts · JS panels · lazy images
03
🗺️
Parallel Crawl
Internal links → routes
04
🌿
DOM Extract
Styles · vars · attributes
05
⚙️
Compiler
Angular · Faithful · Chakra
06
🎨
CSS & Assets
Localised — zero CDN
07
📦
ZIP + Run
npm install → live in 60s
Why Alchemist

Built for real-world friction

Every feature exists because a developer hit a wall — slow conversions, broken CSS, inaccessible code shipped to production.

60-second turnaround

From live URL to a running Angular or React project in under 60 seconds. Zero manual HTML copy-paste.

🎨

Zero CSS mangling

All captured CSS is served as a raw static file, bypassing esbuild/Vite. 12 MB stylesheets work perfectly.

📦

100% offline output

Every font, image, and stylesheet is localised. Runs on localhost with no internet connection.

Accessibility built in

The Audit runs a 508 rule engine across five categories before you touch any code.

🗺️

Multi-page SPA output

Parallel crawler captures an entire site and produces a fully routed SPA, not a single-page dump.

🔍

Auto framework detection

Divi, WP Rocket, Bootstrap, Elementor, MegaMenu, Google — detected and fixed without config.

🏆

Signed accessibility certificates

Score ≥ 80%: download a verifiable PDF certificate. Score < 80%: get an auto-fix report showing exactly what to fix to qualify.

🔧

Extensible compiler registry

Three compilers today. Adding Bootstrap or Tailwind requires one new file.

🚀

Deploy anywhere

Standard Angular or React output — deploy to Netlify, Vercel, GitHub Pages in one command.

🧩

Chrome extension

One-click transmute or audit from any tab. Install from the Chrome Web Store or download directly — no separate login needed.

Two Tools

Transmute & Audit

Two completely different capabilities, one platform. No context switching.

⚗️

Transmute

Convert any live website into a deployable Angular 17 or React project in under 60 seconds, with zero manual work.

🌐
URL or HTML file inputPaste any URL or drop a local .html file — the proxy mirrors it in the in-app iframe instantly.
Settle passWaits for web fonts, lazy images, and JS-rendered panels before any extraction begins.
🗺️
Parallel page crawlerFollows internal links to configurable depth — each page becomes a lazy-loaded route.
🔍
Auto framework detectionDetects Divi, WP Rocket, MegaMenu, Bootstrap, Elementor, Google — injects CSS fixes automatically.
3 compiler output modesAngular 17 standalone, React Native HTML/CSS, or React Chakra UI.
📦
Full project ZIP exportpackage.json · tsconfig · angular.json · routed components · captured CSS as static asset.

Audit

Scan any website or HTML file for accessibility violations across five categories and export a formal compliance report.

🔎
Deep accessibility scanEvery visible element is stamped with data-alchemist-id and checked by the 508 rule engine.
📊
Inspector · Metrics · CompliancePer-node cards with pass/fail · compliance % by category · Report export tab.
🔄
Re-Audit & Reset controlsRe-scan after dynamic content loads, or reset to reload the original URL from scratch.
⚠️
Issue severity scoringHigh / Medium / Low per issue with suggested fix and the specific rule that failed.
🏆
Accessibility CertificateScore ≥ 80%: signed landscape PDF certificate with unique ID, grade, score ring, and category bars. Verifiable online.
🔧
Auto-Fix ReportScore < 80%: professional PDF with every issue sorted Critical → Moderate → Low, each with exact code fix. Re-audit to earn certificate.
{ }
JSON raw data exportFull structured data of every scanned node — integrate with CI/CD or dashboards.
Compiler Engines

Three output modes

Each compiler owns its own project layout and handles framework CSS quirks automatically.

01
📐

Angular · Native HTML/CSS

Lazy-routed standalone components. CSS served as a static bypass file — nothing gets mangled even at 12 MB+.

Angular 17StandaloneLazy routesCSS bypass
02
⚛️

React · Native HTML/CSS

Pixel-perfect React + Suspense lazy loading. Per-route CSS in public/route-styles/. #root gets display:contents.

React 18JSXSuspenseroute-styles
03
🎨

React · Chakra UI

Chakra UI components with deduped icon exports, route-aliasing for home pages, and custom element stubs.

Chakra UIIcon dedupRoute aliasCustom stubs
Auto-Detection

Framework detection & CSS fixes

The compiler reads captured HTML, detects which frameworks are present, and injects targeted overrides — zero configuration required.

Divi / WordPress5 fixes
Column flex locks
Specialty section fix
Sidebar collision
Divi header background
MegaMenu flex-row
WP Rocket FOUC2 fixes
html.hidden opacity strip
opacity:1 override inject
dvmd_actw widget hidden
Max Mega Menu3 fixes
Horizontal CSS nav
Hover dropdowns
Hamburger hidden
Google Homepage2 fixes
gb_Q nav links shown
fLC3uf loading fix
Glue search bar display
Bootstrap 53 fixes
Hide hamburger toggler
Force nav visible
Hover dropdowns
Elementor1 fix
elementor-invisible unlock
Column widths (native)
Flex containers (native)
Audit Tool

How the Audit works

Three stages — from raw URL to a scored, exportable accessibility report.

Step 01
📥

Input

Paste a URL or upload an HTML file. The proxy fetches and mirrors the page in the in-app iframe.

Step 02
🔬

Scan

The 508 rule engine checks every visible element across five categories. Each node gets a pass/fail with listed issues.

Step 03
📤

Certificate or Fix Report

Score ≥ 80%: download a signed Accessibility Certificate. Score < 80%: download an Auto-Fix Report showing exactly what to fix — then re-audit to earn your certificate.

What gets checked

Five Audit Categories

High severity

Graphics

img alt text presence & length · SVG accessible name · aria-hidden · redundant phrases.

High severity

Interactive

Buttons and links with no accessible name — no text, aria-label, or title. Empty href.

Medium severity

Forms

Inputs missing an associated label — id/for matching and aria-labelledby references.

Medium severity

Structures

Heading hierarchy violations — skipped levels (e.g. h1→h3) checked in document order.

Info

Text & Content

Language attribute on <html> · general readability hints · unlabeled region checks.

Export

Two export formats

🏆

Accessibility Certificate

Score ≥ 80%: a signed, downloadable landscape PDF certificate with unique cert ID, grade, score ring, and category breakdown — verifiable at alchemist-pro.com.

🔧

Auto-Fix Report

Score < 80%: a professional PDF listing every issue sorted by severity — Critical, Moderate, Low — with exact code fixes. Fix, re-audit, earn your certificate.

⚙️

JSON — Raw Data

Every scanned node with issues, severity, category, and fix suggestions. Machine-readable for CI/CD pipelines.

📊

Metrics & Compliance Tabs

Inspector shows per-element cards. Metrics tab shows category health scores. Compliance tab gates certificate or fix report by your current score.

Live Example

What your certificate looks like

Generated automatically when your site scores 80% or above. Signed, verifiable, downloadable as PDF.

AP
ALCHEMIST PRO
CERTIFIED ACCESSIBILITY AUDIT PLATFORM · WCAG 2.1 AA · SECTION 508
Cert ID
ALP-K7MX-R9QT-4BWZ
CERTIFICATE OF
ACCESSIBILITY COMPLIANCE
This certificate confirms that the following web property has been audited and meets the required accessibility standards.
https://www.google.com
92%
COMPLIANCE
GRADE A
48
TOTAL
44
PASSED
3
WARNINGS
1
FAILURES
0
CRITICAL
2
MODERATE
1
LOW
92%
SCORE
100%
Graphics
95%
Interactive
80%
Forms
90%
Structures
100%
ARIA
Alchemist Pro
Certified Auditor
June 14, 2026
DATE OF AUDIT
Verify at:
alchemist-pro.com/verify/
ALP-K7MX-R9QT-4BWZ
Unique cert ID per audit Verifiable online Landscape PDF · A4Pro & Enterprise plans
Pricing

Simple, transparent pricing

Start free. Upgrade when you need more power. No hidden fees, no seat limits.

SAVE 34%
Free
$0/ mo

Perfect for evaluating Alchemist on personal projects.

3 audits / day (Inspector tab only)
JSON export
5 transmutations / month
Single-page capture
×Audit certificate
×Multi-page crawl
×PDF fix report
×All 3 compiler modes
×Priority support
MOST POPULAR
Pro
$99/ mo

Everything you need to ship compliant, production-ready apps.

Unlimited audits — all 3 tabs
Accessibility certificate (score ≥ 80%)
Auto-fix PDF report (score < 80%)
Unlimited transmutations
Multi-page crawl (100 pages)
All 3 compiler modes
JSON export + ZIP download
×White-label certificates
×API access
Enterprise
$266/ mo

For agencies shipping multiple client sites per month.

Everything in Pro
Unlimited audits + Audit REST API
White-label certificates & output
Unlimited page crawl depth
CI/CD webhook integration
Custom compiler mode
Dedicated Slack support
SLA guarantee

Two tools, one workflow

Audit checks your site meets accessibility standards. Transmute converts it into a deployable project. Run them together for a compliant, production-ready app in under five minutes.

🌐
Live Website
Any URL or file
Audit
Flag all issues
⚗️
Transmute
Generate project
🚀
Deploy
Angular or React
FAQ

Common questions

Everything you need to know about both tools, the compilers, and the output.

What types of websites can Transmute handle?+
Any publicly accessible website — WordPress/Divi, Bootstrap, Elementor, Shopify, Google, custom-built sites. The engine auto-detects the framework and applies the right CSS fixes. For sites requiring authentication, capture the page manually and upload the HTML file.
How does the CSS stay pixel-perfect?+
All captured CSS (sometimes 12 MB+) is written to a static assets/captured.css file and loaded via a <link> tag — bypassing Angular's esbuild and React's Vite bundler entirely. No CSS gets mangled, no selectors get rewritten.
What does the Audit produce?+
The Audit scores your page out of 100%. Score ≥ 80%: download a signed Accessibility Certificate (landscape PDF with unique cert ID, grade, score ring, and category breakdown — verifiable at alchemist-pro.com). Score < 80%: download an Auto-Fix Report listing every issue sorted Critical → Moderate → Low with exact code fixes. Fix the issues, re-audit, and earn your certificate. Raw JSON is always available for CI/CD integration.
What is the difference between Angular and React output?+
Angular uses ViewEncapsulation.None so captured CSS selectors match without scope attributes. React / Faithful uses JSX with Suspense lazy loading and per-route CSS files. Both produce identical visual results.
Do the generated apps work offline?+
Yes. All assets (images, fonts, CSS) are downloaded locally during capture. The generated project has zero external CDN dependencies — it runs on localhost or any static host without internet access.
How does the multi-page crawl work?+
The transmuter follows internal links from the root page up to the configured depth and page limit. Each linked page is captured in parallel and compiled into a separate lazy-loaded route component.
Can I add a new compiler mode?+
Yes. The compiler registry is extensible — create one file implementing the AlchemistCompiler interface and register it. MODES.md in src/engines explains the full process.
Is there a Chrome extension?+
Yes — Alchemist PRO is available as a Chrome extension. Install it from the Chrome Web Store (search "Alchemist PRO") or download the .crx directly from alchemist-pro.com/extension. Once installed, click the icon on any web page and hit Transmute or Audit — the page URL is pre-filled automatically.
Do I need to be logged in to use the extension?+
Yes. Sign in with your Alchemist PRO account directly in the extension popup. Your plan and usage limits are the same across the web app and extension — they share the same account.
Chrome Extension

One click on any tab

Install Alchemist PRO as a Chrome extension and transmute or audit any website you're browsing — without copying URLs or switching tabs.

1
Browse to any website
Open any website you want to convert or audit in Chrome.
2
Click the extension icon
The popup shows the current tab URL, your plan usage, and framework options.
3
Hit Transmute or Audit
Alchemist PRO opens with everything pre-filled. Your session carries over automatically.
Chrome Web Store · Direct download
PRO
Active Tab
https://stripe.com/pricing
⚛ React
⚛ Faithful
🅰 Angular
⚗️ TRANSMUTE
♿ AUDIT

Ready to transmute or audit?

Use it on the web or install the Chrome extension — start for free, no credit card needed.