KineticaStart a projectAccess to advanced
intelligence
95fh
GPT 5.2, Claude, Google
Motion-first web studio · booking new projects
We build motion websites
for your business.
Kinetica designs and builds scroll-driven, animated websites that make people stop, play and remember your brand — from launch pages to full marketing sites, fast, accessible and easy to edit.
0motion patterns in our kit
0on mid-range laptops
0week typical launch
0to start a quote
Weekly Credit hours /
Image generation
+720+
Image engine v2.0
Artificial intelligence
vs Human Tone
25%
AIHuman
Results Customization
Expand limits with Sora
video creation
v2.0
Support Sora, Kling & Runwayml
01 — Our work
Recent builds,
live in your browser.
Concept sites we designed and coded end-to-end. Open one — every scroll, hover and animation is real.
02 — Services
Motion that
sells.
Design, build and launch — we bring these effects to your brand, tuned for speed and accessibility.
Precisionin everyframe.
K
Motion · Timing · Easing · Intent · Motion · Timing · Easing · Intent ·
03 — Process
From brief
to launch.
01 / 04
01
Discover
A 30-minute call on your goals, audience, references and timeline.
02
Design
Moodboard and a clickable motion prototype of your hero within a week.
03
Build
Hand-coded, responsive, reduced-motion friendly. Weekly previews.
04
Launch
QA on real devices, deploy, and a handover so your team can edit.
04 — Craft
Every build ships
with its spec.
You own the code and a MOTION.md that documents every timing and easing.
# Line Reveal
intent: headline lands as the reader arrives
trigger: scroll · start "top 80%" · once
timing:
duration: 1200ms
stagger: 90ms
easing: expo.out # cubic-bezier(0.16, 1, 0.3, 1)
from: { yPercent: 110, opacity: 0 }
to: { yPercent: 0, opacity: 1 }
mask: overflow hidden per line
reduced-motion: opacity 0→1, 200ms
## GSAP 3.13
const s = SplitText.create(".title", { type: "lines", mask: "lines" });
gsap.from(s.lines, { yPercent: 110, duration: 1.2, stagger: .09,
ease: "expo.out", scrollTrigger: { trigger: ".title", start: "top 80%", once: true } });
## Framer Motion
<motion.span initial={{ y: "110%" }} whileInView={{ y: 0 }}
transition={{ duration: 1.2, ease: [.16, 1, .3, 1], delay: i * .09 }} />05 — Pricing
Packages for
every stage.
Placeholder prices — edit to your rates. Every project starts with a free quote.
Starter
$X,XXX · from
A one-page launch site with a signature motion hero.
- 1 page, up to 4 sections
- 1 custom motion hero
- Responsive + reduced-motion
- ~1–2 weeks
Growth Popular
$X,XXX · from
A multi-page marketing site that moves.
- Up to 5 pages
- Scroll-scrubbed storytelling
- Custom illustrations or 3D
- CMS-ready handover · ~3–4 weeks
Signature
$XX,XXX · from
A flagship brand experience, fully bespoke.
- Unlimited sections
- WebGL, video and sound design
- Motion system + MOTION.md
- 30 days of post-launch support
Prices are placeholders — update them in index.html (search data-editable).
06 — Contact
Start a
project.
Tell us about your business. We reply within two working days.
Or email us at hello@lumexforge.com