~/behub/work $ open sitefx
Website effects for agencies
SiteFX
SiteFX is our own product: a library of twelve production-grade website effects for agencies and studios. Kinetic type, horizontal scroll, HUD frames, code rain, custom cursors and scroll scenes each drop in with one HTML attribute, on a runtime of 8.1 KB. It comes out of the client work we do every day in Sofia, built together with MP13 and Mythfinity.
01the brief
Make the web feel expensive
The motion that makes a site feel expensive is usually the first thing to go when a budget tightens. It takes days to build, it adds weight, and it has to be built again for the next client. We wanted those effects as parts an agency can trust: small enough to add without a second thought, built for real client work, and kind to visitors who would rather have less movement. They had to work without a framework, disappear completely when switched off, and come with a licence that suits agencies, so that one purchase covers every client project.
02the approach
One attribute, one effect
Each effect is one data-fx attribute on an HTML element. Add a single script tag and the runtime loads only what the page uses, bringing in GSAP or Lenis when an effect needs them, while the core itself has no dependencies. Canvases sleep off-screen, nothing runs for visitors who ask for reduced motion, and teardown is tested, so a switched-off effect leaves no trace. It works on HTML, Laravel and WordPress sites, and it follows page changes made by Livewire, Inertia or Turbo.
The site sells the product by being the product. Its centrepiece is a rack of numbered units, FX-001 to FX-012, and the headline decodes itself from expensive to cinematic to alive as you watch. Visitors can switch the whole site between three themes, Ink, Bone and Volt, each with AA contrast for every text colour, and a calendar books white-label days straight from the pricing section. Effect pages carry a live demo and a free AI prompt. Agencies can take a single effect, license the full rack for a studio or agency team, or hand the motion to us: custom effects, full site skins and white-label development under their own name.
03what was built
What we built
- [ ok ] Twelve drop-in effects, FX-001 to FX-012
- [ ok ] 8.1 KB vanilla JavaScript runtime with on-demand loading
- [ ok ] Product site that runs on its own effects
- [ ok ] Three themes with AA contrast: Ink, Bone and Volt
- [ ok ] Effect pages with live demos and free AI prompts
- [ ok ] Licensing, pricing and inquiry flow
04walkthrough2:11 · with sound
The site in use
05at a glance
At a glance
- sector
- Web design tools
- location
- Sofia, Bulgaria
- built
- Website effects library and product site
- site
- sitefx.app ↗
- status
- live
~/behub/work $ cd ../soler
next case study