Plainware Motion Pro
Motion, ready to paste.
Scramble Text · hover to replay
Afterglow
Velocity Marquee · scroll to boost
Split-Flap Counter · in view
/Inside
Each part has its own page with live examples and the exact settings behind them.
Six parts, one project.
Text effects, magnetic and arrow buttons, parallax, image reveals, sticky stacks, marquees, image trails, grain and five animated backgrounds.
Scramble, roll, count-up, arrow and slide swaps or blur-in, added to layers you already have.
Hero, client marquee, stats, services, work gallery, testimonial, FAQ and a closing call to action, motion wired in.
Framer’s own text and appear effects with the exact values we use, ready to type in.
Lenis with our tuned wheel settings in one Custom Code paste, switched off for reduced motion.
Fade, slide up and a wipe-mask curtain with exact values. The fade runs on this site.
/All together
One studio site, every effect wired in.
A small studio site wired with every effect in the kit: roll nav links, scrambled labels, blur-in headings, count-up stats, arrow buttons and slide-swap footer links. Scroll through it and hover everything.
northwind.studio
Northwind®
Start a project
[ Independent design studio · Est. 2014 ]
Identity, websites and motion for companies that would rather be remembered than merely seen.
Projects shipped
Raised by our clients
01
Brand identity
Names, marks and systems that hold up from a favicon to a billboard.
02
Websites
Fast Framer sites your team can edit on a Tuesday afternoon.
03
Motion
Product films and interface motion with a reason to move.
Have a project in mind?
/How to use
Four steps, no code
Everything lives in this project. Duplicate it once, keep it as your library, and copy pieces into client sites whenever you need them.
Duplicate the project
Open the remix link and click Remix. You now own a full copy with every page, component and code file.
Copy what you need
Select a component or a layer with an override, copy it and paste it into your project. Its code file comes along.
Attach overrides
Select any text or icon layer → Code Overrides → PlainwareMotionOverrides → pick the effect. The layer stays editable.
Paste smooth scroll
Site Settings → Custom Code → End of body tag. Paste the Lenis block from the Smooth scroll page and publish.
/FAQ
Questions, answered
The short version of the license: use the kit in as many of your own and your clients’ sites as you like, just don’t sell or share the kit itself.
What can I use it for?
Unlimited personal and client projects. Use any component, override or effect recipe in as many websites as you like, commercial ones included.
Can I use it in client projects?
Yes. Use it in unlimited projects, client work included. The one thing you cannot do is resell or share the kit itself.
What am I not allowed to do?
Resell, share or redistribute the kit itself, as a remix link, template, code file or component pack. The sites you build with it are yours.
Do I need to write code?
No. Components have settings in the right panel and overrides are picked from a menu. The code is readable if you ever want to change a timing.
Will it work in my existing project?
Yes. Copy a component, a section or a layer that has an override and paste it into your project: the code file travels with it. Smooth scroll is one paste into Custom Code.
What about visitors who prefer less motion?
Every component and override checks the reduced-motion setting and shows the final state instead. Smooth scrolling stays off for those visitors too.
Will it slow my site down?
The overrides only run on the layers you attach them to and do their work with transforms, which keeps scrolling smooth. Lenis is a small script loaded at the end of the page.
Do I get updates?
Yes. Open your remix link again to get the latest version of the kit, with every new component, section and recipe.
/Start here