Browser tools are live · Mac source previews available · Windows version if enough people ask.
A LITTLE CHARACTER. AT THE FLICK OF A SWITCH.

Lights on.
Lights off.

A friendly finishing touch for your website. Pick a globe, a lantern or something a little unexpected.

32 designs. Two matching states. Choose from 24 classic SVG/PNG kits or eight new vector lamp kits. Every kit includes a working example and setup instructions.

Free to use and adapt · No account · No installation

Originally created for PorridgeWeb. Now ready for your next website.

YOUR LITTLE CORNER OF THE WEB

A bright idea.

Try the light. This little preview changes; the rest of the page stays put.

THE ORIGINAL PORRIDGEWEB GLOBE
2 SVGsOriginal, scalable artwork
8 PNGsFour sizes for each state
Working exampleHTML, CSS & JavaScript
Illustrated PDFFrom download to launch
THE WHOLE LIGHTING DEPARTMENT

Find your kind of glow.

Both states are shown on their intended backgrounds. Each download contains the complete pair.

Eight new SVG lamps below include their own website-use permission and step-by-step text guide. Download all eight lamps · Lamp artwork licence

Verandah Scroll, lit
Light theme
Verandah Scroll, unlit
Dark theme
25 / 32 · NEW

Verandah Scroll

A graceful coach light with open scrollwork.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Gumleaf Lantern, lit
Light theme
Gumleaf Lantern, unlit
Dark theme
26 / 32 · NEW

Gumleaf Lantern

Botanical curves around a rounded glass chamber.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Harbour Beacon, lit
Light theme
Harbour Beacon, unlit
Dark theme
27 / 32 · NEW

Harbour Beacon

A compact maritime lamp with a protective cage.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Starlight Pavilion, lit
Light theme
Starlight Pavilion, unlit
Dark theme
28 / 32 · NEW

Starlight Pavilion

A faceted lantern with a quiet star motif.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Copper Bloom, lit
Light theme
Copper Bloom, unlit
Dark theme
29 / 32 · NEW

Copper Bloom

A broad copper shade with a scalloped skirt.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Sage Fold, lit
Light theme
Sage Fold, unlit
Dark theme
30 / 32 · NEW

Sage Fold

An architectural pendant with crisp folded panels.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Deco Fan, lit
Light theme
Deco Fan, unlit
Dark theme
31 / 32 · NEW

Deco Fan

A precise stepped sconce with champagne glass.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

Moonflower Sconce, lit
Light theme
Moonflower Sconce, unlit
Dark theme
32 / 32 · NEW

Moonflower Sconce

A playful flower lamp with a crescent at its heart.

Download SVG kit

Two SVGs · Working example · Step-by-step instructions

FROM ZIP TO SWITCH

A little guidance.
A working starting point.

The icons are artwork. The included example supplies the theme switching, saves a visitor’s preference where their browser allows it, and starts with their device preference.

  1. Choose a design. Download its ZIP and extract it first.
  2. Open the example. Double-click example/index.html and try the switch.
  3. Make it yours. Follow your kit’s README or classic PDF guide to copy the files into your site or connect the images to your existing theme control.
  4. Check both themes. Test on a phone, with a keyboard and after reloading.
Read the illustrated PDF ↗
ILLUSTRATED GUIDE FOR THE CLASSIC KITSAn architect’s lamp

No mystery folders.

The guide covers file sizes, setup, existing websites, website builders, accessibility, troubleshooting and launch checks.

Classic-kit PNG widths: 64, 128, 256 and 512 pixels. The original 4:5 proportions are preserved. SVGs scale to any size.

Some website builders require a plan with custom code support. An image block alone cannot change the site’s theme.