Free front-end & performance tools The Performance Toolkit.

The utilities I built for my own client work — the same ones behind 100/100 Lighthouse sites. Free, framework-free, copy-paste ready.

Fluid type
↔
font-size: 32px
Free

Clamp() Generator

Fluid font sizes and spacing without a single media query. Set min, max and viewport range — copy the clamp().
- CSS
- Fluid
- Generator
- Lazy loading
- iOS autoplay
Free

Smart Background Video

A performance script for background video: lazy loading plus an iOS autoplay fix.
- Video
- Performance
Drag me
Free

Vanilla JS Slider

Drag-and-snap carousel under 4 KB: variable-width cards, touch, trackpad and keyboard. No dependencies.
- Vanilla JS
- Carousel
- Webflow
- WordPress
- GSAP
- Builderius
- Bricks
- Static
- LCP 1.0s
- INP 41ms
- CLS 0.02
- 100/100
- WCAG 2.2
Free

Scroller

Infinite marquee for logos and tags under 3 KB: fills any width, pauses on hover and focus. No dependencies.
- Vanilla JS
- Marquee
```
<section>  <h2>Title</h2>  <p>Text</p></section>
```
→
1. section
2. h2
3. p
Free

HTML → Builderius

Paste HTML, get a Builderius module tree back — layers named like the builder names them, text kept in one piece.
- Builderius
- Converter
Doing the same thing by hand every week?

Tell me what it is. The next tool here might be yours.

Built the way I build sites.

Every tool here follows the same three rules.

No frameworks

Plain HTML, CSS and vanilla JS. Nothing to install, nothing to update.
Performance first

If it slows the page down, it doesn't ship. Core Web Vitals come before effects.
Copy, paste, ship

Works in Webflow, WordPress or a static page — drop it in and move on.