reddy-lab · library

reddy-elements

Plug-and-play web components shared across my projects. Zero dependencies, one script tag each, themed by --reddy-* tokens with sane fallbacks. This page consumes them live from /lib/ — what you see is what any site gets.

<reddy-mail-form>

Contact form delivering email via Web3Forms — the same pipeline that runs reddy.world/contact.

<script type="module" src="https://lab.reddy.world/lib/reddy-mail-form.js"></script>
<reddy-mail-form access-key="YOUR-KEY"></reddy-mail-form>

<reddy-focus-timer>

The Focus Desk pomodoro core: three modes, drift-free countdown, progress ring. Hosts can hide the built-in chrome and drive it via methods and reddy-timer-* events.

<script type="module" src="https://lab.reddy.world/lib/reddy-focus-timer.js"></script>
<reddy-focus-timer focus-minutes="25"></reddy-focus-timer>

<reddy-ral-contrast>

RAL colour contrast for physical accessibility — ΔLRV (pass ≥ 30) plus the WCAG ratio. 180 RAL classic colours embedded. Data lineage: the 2023 Stichting Accessibility team project from Hogeschool Utrecht.

<script type="module" src="https://lab.reddy.world/lib/reddy-ral-contrast.js"></script>
<reddy-ral-contrast lang="en" threshold="30"></reddy-ral-contrast>