Kiln
🛠 Free Tools Get in touch
🛠 Free Tools & AI Utilities ↗

Get in touch

Tell us a little about your project and we'll follow up by email with licensing and download details.
Bold Brutalist

Klaxon

Klaxon is a neo-brutalist theme for creative studios, record labels, and campaign sites that want to be loud on purpose. Its signature is a real Three.js ink-diffusion field that spreads and blooms across the canvas like pigment in water, layered with Matter.js physics for elements that actually collide and settle. Motion.js choreographs the page's timing, while a CSS Houdini paint worklet renders custom textures the browser draws natively, no image assets required.

klaxon.kilnwp.com LIVE
Klaxon Open live preview ↗

Highlights

  • Real-time WebGL ink-diffusion field
  • Matter.js drag-and-fling sticker board
  • Houdini paint worklet + View Transitions
  • Signature “Klaxon blast” CTA shockwave

Overview

A neo-brutalist WordPress theme for loud creative studios, labels, and campaigns — dark frosted-glass panels with neon accent glow, kinetic type, and a real-time WebGL ink-diffusion field behind a Matter.js-powered drag-and-fling sticker board in the hero.

Motion (motion.dev) drives the scroll choreography, cursor-magnetic buttons, a scramble-decode hero title, velocity-skewed marquees, and a signature “Klaxon blast” shockwave on the primary call to action. Also a working showcase of the newest CSS/JS platform features: scroll-driven animations, cross-document View Transitions, CSS anchor positioning, a Houdini paint worklet, and the native popover/dialog APIs.

Three.js ink-diffusion field Matter.js physics Motion.js choreography Houdini paint worklet

What's included

  • Full theme source — every template, style sheet & script
  • One-click demo importer (idempotent, no page builder)
  • Live Customizer controls for copy, colours & content
  • Translation-ready .pot file + RTL stylesheet
  • HTML documentation + a CHANGELOG file
  • Lifetime updates + 6 months support (renewable)

Specifications

WordPress5.6 – 7.0
PHP8.0 – 8.3
BrowsersChrome, Firefox, Safari, Edge (latest)
LayoutFully responsive, mobile → desktop
LocalizationTranslation-ready · RTL included
AccessibilityKeyboard-navigable · prefers-reduced-motion
Page builderNot required — native Customizer
LicenseGNU GPL v2 · single-site commercial

Release

v0.4.0 Klaxon is a neo-brutalist theme for creative studios, record labels, and campaign sites that want to be loud on purpose. Its signature is a real Three.js ink-diffusion field that spreads and blooms across the canvas like pigment in water, layered with Matter.js physics for elements that actually collide and settle. Motion.js choreographs the page's timing, while a CSS Houdini paint worklet renders custom textures the browser draws natively, no image assets required.

The complete, dated version history ships in the theme’s CHANGELOG file. Every purchase includes lifetime access to future updates.

You might also like

LANTHORN

LANTHORN

79

The page is a dark stage and the content is the printed matter lying on it — playbill, ticket stubs, call sheet, receipt roll. It also publishes the sightline of all 412 seats, including the rows that lose the top of the set.

Brutalist Editorial
View →
Prism

Prism

64

A real optical-dispersion GPU shader for a background — one white beam of light splitting into a physically-correct spectral fan (real Cauchy dispersion + Snell's law double refraction, not art-directed rainbow) as you scroll — plus a real WCAG contrast checker, a real modular type-scale generator, and a real HSL color-harmony wheel.

Bold Business
View →
Argon

Argon

64

A real hand-bent neon tube GPU shader for a background — cold unlit glass, a genuine high-voltage strike flash, then a two-colour lit glow with ambient wall bounce and persistent flicker as you scroll — plus a real neon gas/phosphor colour chart, a real transformer sizing calculator, and a real glass-bending radius calculator.

Bold Craft
View →