Web effects for React · 8 products
WebGL and motion effects for React
Particles, shader gradients, a fluid cursor, kinetic type and more. Each download has a React component. Pay once, from $9.
One-time price · Free v1.x updates · One website per license
Install on React
From each download
Each download has a React component (React 18+, also Next.js and Vite) with the same options as props. Copy the file into your project; there's no npm package to install.
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 React?
Each download has a React component (React 18+, also Next.js and Vite) with the same options as props. Copy the file into your project; there's no npm package to install.
Do I need React or a build step?
No. On any site the effect is one script file plus one HTML tag. React components are included too, for React, Next.js and Vite projects.
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.