DiscoverMakersCommunitySubmit tool
Submit project
WhatWeMade

Open-source and AI-assisted projects, and exactly how people made them. Free for makers, forever.

Or choose topics. Unsubscribe any time.

Buy me a coffee

Explore

  • Projects
  • Makers
  • Websites

Community

  • Discussions
  • Build week
  • Guidelines
  • Newsletter

For makers

  • Submit a project
  • Publish with your agent
  • Asset pack prompt
  • Build recipe prompt
  • Template prompt
  • whatwemade.json
  • Marketplace

About

  • How it works
  • How we review
  • How ranking works
  • Contact
© 2026 whatwemade.appPrivacyCookiesTermsTakedownsMade with Claude Code

Explore

Tools/Design

Halation

Design animated gradient backgrounds behind glass in your browser

Toufiq AhmedLaunched 4 days agoWeb appRuns on desktopEnglishWorking · checked 3 hours ago
1 / 3
View on GitHubTry it live

About

Halation is a free, open-source web app for making wallpapers and backgrounds. You pick a flowing color field (silk, mesh gradients, ribbons, threads of light, a fluid you paint with the mouse, or an image), put it behind reeded, frosted, wavy or crystal glass, add surface lighting, screens like halftone or contour lines and a finish, then export stills up to 16-bit PNG or seamless-loop videos.

I'm a designer and kept hunting for background images that were almost right. Making them myself, with every setting live, was faster. Everything runs on the GPU in your browser: no account, no install, and nothing you make is uploaded. It ships with 41 built-in looks, a guided tutorial, saved looks and share links that recreate a look exactly.

The hard parts were the glass and the speed. Light is traced through each pane with refraction, frost, dispersion, Fresnel reflections and caustics, and exports had to match the preview exactly at any size. Shader compile times on Windows were around 20 seconds at first and came down to a few after restructuring the loops. It's plain JavaScript and WebGL 2, with no frameworks, no build step and no dependencies.

#webgl#wallpaper#gradient#glass

More like this

#generative

How it was made

Estimated by the maker.

Agents

  • Claude Code

    50% of the work

    Wrote code and shaders with me, from my designs and direction

Stack

MCP servers1

  • GitHub

Discussion

0 comments

Sign in to join in. A kind word or a good question goes a long way.

    View on GitHubTry it live

    What you need

    Quick to run

    Tools

    • Node.js · optional

    Platform

    • A current browser with WebGL 2

    AR13X3/halation

    74

    stars

    0

    versions here

    AGPL-3.0

    license

    Last commit 1 week ago.

    Type
    Web app
    Category
    Design
    Availability
    Run it yourself
    Language
    English
    Live at
    ar13x3.github.io/halation

    Made by

    • Toufiq Ahmed

      Designer

    theploggy.github.io
    CreatorOS Studio· Web app

    Your own open-source Higgsfield, local: 430+ tools, presets, workflows

    Saundarya Studio· Web app

    Turn photos and videos into dithered

    Toolbantu· Web app

    Free browser tools for images, PDFs and developer data

    TabletFileEditViewGoWindowHelp
    Mon Jun 10 9:41 AM
    Tablet· Desktop app

    Wacom tablet settings for Linux on GNOME Wayland, with pen gestures