Web effects for Webflow · 8 products
WebGL and motion effects for Webflow
Particles, shader gradients, a fluid cursor, kinetic type and more. One script and an HTML tag on Webflow. Pay once, from $9.
One-time price · Free v1.x updates · One website per license
Install on Webflow
From each download
Paste the footer code from the download into Site settings → Custom code → Footer code, then add a Code Embed with the effect's tag where it goes. Liquid Metal Buttons skips the embed: you add a custom attribute to your own Button. Custom code needs a paid Webflow site plan.
The effects
8 products · from $9
Thousands of particles that hold a shape and morph between 3D forms, text and your logo.
<particle-forms>20 KB gzipped
Try it live Read the how-toBuy · $12USD · 14-day no-questions refund · instant downloadAnimated WebGL gradient backgrounds: fluted glass, liquid chrome, caustics, prism light and more.
<pf-gradient>10.4 KB gzipped
Try it live Read the how-toBuy · $12USD · 14-day no-questions refund · instant downloadInteractive dot-grid backgrounds that react to the cursor, ripple on click and spell your words.
<pf-dot-grid>13.8 KB gzipped
Try it live Read the how-toBuy · $9USD · 14-day no-questions refund · instant downloadKinetic Type
$1234 accessible text effects on load, in view, on scroll, hover or click. The text stays real text.
<pf-kinetic-type>13.7 KB gzipped
Try it live Read the how-toBuy · $12USD · 14-day no-questions refund · instant downloadChrome and liquid-metal buttons, badges and cards that stay real, accessible buttons.
<pf-liquid-metal>14.7 KB gzipped
Try it live Read the how-toBuy · $12USD · 14-day no-questions refund · instant downloadAn interactive 3D particle globe with continents, data markers and animated arcs.
<pf-particle-sphere>14.9 KB gzipped
Try it live Read the how-toBuy · $12USD · 14-day no-questions refund · instant downloadA real-time GPU fluid simulation your visitors stir with the cursor and touch.
<pf-liquid-cursor>14.8 KB gzipped
Try it live Read the how-toBuy · $14USD · 14-day no-questions refund · instant downloadLoading indicators made of text: 40 spinners, AI thinking loaders and progress bars.
<pf-spinner>8 KB gzipped
Try it live Read the how-toBuy · $9USD · 14-day no-questions refund · instant download
Theme Switch
FreeA free light / dark / system switch for Framer and any website. Not part of the pass: it's free for everyone.
All-Access Pass
All 8 effects for $49
Every product above, as the same full downloads, for $49 one-time instead of $92. You save $43 (47%).
Questions
3 answers
How do I add Parallel Studio effects to Webflow?
Paste the footer code from the download into Site settings → Custom code → Footer code, then add a Code Embed with the effect's tag where it goes. Liquid Metal Buttons skips the embed: you add a custom attribute to your own Button. Custom code needs a paid Webflow site plan.
How do I add a WebGL background to Webflow?
Pick a background effect, such as Shader Gradients, Dot Grid Field or Particle Forms. Paste the footer code from its download into Site settings → Custom code → Footer code, add a Code Embed element with the effect's tag where the background goes, give it a height and publish. Custom code runs on the published site and needs a paid Webflow site plan.
Is it a subscription? What does the license cover?
No subscription: each effect is a one-time purchase with free v1.x updates. A license covers one website or project per product. The All-Access Pass is all 8 for $49, with the same license for each.