FX-001
Smooth Scroll
Lenis on GSAP’s ticker, so smoothing and scroll scenes never drift. Native scroll underneath.
- Needs
- GSAP · Lenis
- Weight
- —
Mark · favicon
Website effects for agencies & studios
Make the web feel Expensive.
Production-grade motion, HUD and kinetic type for agencies and studios. Twelve drop-in units on one tiny runtime, and not a trace left when they are switched off.
Kinetic type ✦ HUD ✦ Code rain ✦ Particle field ✦ Lock-on ✦ Smooth scroll ✦
01 — Signal
Built for the first second.
A visitor decides in under a second whether a business looks like the real thing. Motion, scale and light carry that verdict before anyone reads a word. SiteFX is that second, packaged: units an agency can drop into any build and put in front of a client without apologising for a single frame.
Twelve units ✦ One runtime ✦ Zero traces ✦
02 — The rack
Twelve units. Racked.
Every unit is running on this page right now. The LEDs are wired to the runtime: switch one off and it tears down completely, then comes back clean.
FX-002
Kinetic Split
Lines, words or letters rise out of their own line, and unfold across a variable font’s width.
- Needs
- GSAP · SplitText
- Weight
- —
FX-003
Variable Flex
Letters swell toward the pointer on the wdth and wght axes, and breathe when it is away.
- Needs
- A variable font
- Weight
- —
FX-004
Decode
Labels resolve out of noise, word lists cycle. The real text stays readable to machines.
- Needs
- GSAP · ScrambleText
- Weight
- —
FX-005
Code Rain
Real code falls behind the page in stepped redraws. The pointer scans it as it passes.
- Needs
- Nothing
- Weight
- —
FX-006
Particle Field
A particle accelerator. The pointer is a magnet, a click a shockwave; scrolling spins it up.
- Needs
- Nothing
- Weight
- —
FX-007
HUD Frame
Timecode, clock, coordinates, live telemetry and the runtime narrating its own events.
- Needs
- Nothing
- Weight
- —
FX-008
Lock-on Cursor
Brackets lock onto anything usable and read out what it is. Buttons lean toward you.
- Needs
- Nothing
- Weight
- —
FX-009
Scroll Rail
The scrollbar as a timeline: scene markers, scrubbing, and every native bar gone.
- Needs
- Nothing
- Weight
- —
FX-010
Horizontal Track
Scroll, or grab the page and throw it: everything travels sideways, and effects inside rebuild to follow.
- Needs
- GSAP · ScrollTrigger
- Weight
- —
FX-011
Velocity Marquee
Endless type that speeds up, turns round and leans with the scroll.
- Needs
- Nothing
- Weight
- —
FX-012
Scroll Scenes
Webflow-style interactions as attributes: reveals, parallax, count-ups and line draws.
- Needs
- GSAP · ScrollTrigger
- Weight
- —
03 — Services
Website effects, three ways.
For agencies, studios and in-house teams who need a site to move like it was made for one brand. Take the units, have us build your own, or hand us the motion on your next project.
A
Drop-in website effects
Twelve production-ready units: kinetic typography, horizontal scroll, HUD overlays, code rain, particle fields, smooth scroll, custom cursors and scroll-triggered scenes. One HTML attribute each, plain JavaScript, made for client work.
- Vanilla JS runtime, 8.4 KB
- GSAP and Lenis on demand
- HTML, Laravel, WordPress
B
Custom effects & site skins
A world built around one brand: boot sequences, HUDs, cursors and scroll scenes designed from the client’s own story, whether that is a film set, an airport or a terminal. Delivered as SiteFX units your team can keep running.
- Concept to code
- Skins that switch without a rebuild
- Reduced-motion versions included
C
White-label motion development
We build the parts of your site that have to move, from scroll stories and kinetic type to interactive heroes, inside your stack and under your name. Agencies across Europe and North America already work this way with the team behind SiteFX.
- Your brand, your client
- Performance and accessibility checked
- Sofia, working worldwide
04 — Pricing
Pay for what moves.
Licences for the rack, and senior hands for anything made to order. Every paid licence covers unlimited client projects.
Prices in euro, excluding VAT.
Licences
Free
€0
Try everything
- A live demo of every effect
- An AI prompt for every effect
- For pitches and personal work
Single effect
€39
One-time, per effect
- One effect, yours to keep
- Unlimited client projects
- 1 developer, 12 months of updates
Recommended
Studio
€249/year
The whole rack
- All 12 effects, and every new one
- Up to 5 developers
- Unlimited client projects
- Updates and email support
Agency
€690/year
White-label, whole team
- Everything in Studio
- Up to 15 developers
- White-label rights
- Priority support, early skins
Made to order
Custom effect
from€1,500
2–3 days, one brand
- Designed around your brief
- Delivered as a SiteFX unit
- Reduced-motion version included
Site skin
from€4,500
7–10 days, a whole world
- Boot, HUD, cursor and scenes
- Switches on without a rebuild
- Concept to code
White-label days
€640/day
Or €2,900 for a 5-day week
- Motion and front-end in your stack
- Your name, your client
- Performance and accessibility checked
05 — Brand
Signal on ink.
The logo is the lock-on bracket closing on “FX”: the same gesture as the cursor on this page. The signal light is recording. Drawn as geometry, so it needs no font to render.
Primary · on ink
Reverse · on bone
Loud · on volt
Palette
- Ink#07080A
- Bone#ECE8DF
- Signal#C8FF2E
Themes
AA contrast for every text colour in all three.
Display · Science Gothic
Stretch
wdth 50–200wght 100–900slnt −10–0CTRS 0–85
Направено в София
Reading · Geist
Every effect ships as one file with a written contract: what it needs, what it costs, and what it leaves behind.
Readouts · Geist Mono
FX-003 VARIABLE FLEX
NEEDS a variable font
SCOPE element
MOTION reduced → type as set
STATE ● live
06 — Specs
Small, fast, clean.
12Units racked
8.4 KBRuntime, gzipped
0Dependencies in the core
1Attribute per effect
3Themes, AA contrast
100%Teardown, tested
07 — FAQ
What agencies ask.
Short answers to the questions that come up first. Anything else: send us a question.
What is SiteFX?
SiteFX is a library of production-grade website effects for agencies and studios: kinetic typography, horizontal scroll, HUD overlays, code rain, particle fields, smooth scroll, custom cursors and scroll-triggered scenes. Each effect is one HTML attribute on a 8.4 KB vanilla JavaScript runtime.
Do we need React or a build step?
No. SiteFX is plain JavaScript. Add one script tag and a data-fx attribute; the runtime loads each effect, and GSAP or Lenis only when that effect needs them. It follows DOM changes made by Livewire, Inertia or Turbo.
Will it slow the site down?
The runtime is 8.4 KB gzipped and each unit 1 to 5 KB. Effects load on demand, canvases sleep when off screen, and nothing runs for visitors who ask their device for reduced motion.
Is it accessible?
Every effect respects prefers-reduced-motion, keeps the real text in the page for screen readers and search engines, and never gets in the way of the keyboard. Text colours meet WCAG AA contrast in all three themes.
Can we use it on client projects?
Yes, that is what it is built for. Every paid licence covers unlimited client projects: a single effect is €39 one-time, Studio is €249 a year for up to 5 developers, and Agency is €690 a year for up to 15, with white-label rights.
Can you build a custom effect for us?
Yes. Custom effects start at €1,500 and whole-site skins at €4,500, designed and built by the team behind MP13, Behub and Mythfinity in Sofia. White-label development is €640 a day.
08 — Console
Leaves no trace.
A live read of the runtime. Switch motion off and every effect is torn down, then the page settles into its still version. The choice is remembered on this device.
- IDEffectElementState
09 — Makers
Built by people who ship.
SiteFX comes out of three teams in Sofia that build for clients every day. Every unit on the rack started life on one of their sites.
MP13Freelance AI web designer · 300+ sites since 2018
mp13.eu ↗
business development hub/
BehubWeb design studio · websites, shops and SEO
behub.dev ↗
MythfinityReliable IT solutions · co-built PanaBooking
mythfinity.com ↗
Early access
Studios first.
The rack, the runtime and a licence for client work. Agencies get it before anyone else.