Fred Moon
Fred Moon

Fred Moon

Pro Expert

Building immersive and unique Framer experiences. Book a call with me: https://calendly.com/framerlabs/1hr

·
Fred Moon
Fred MoonPro Expertin Marketplace·3mo

My newest plugin brings the entire library of Paper Shaders directly inside Framer, with native controls and support for component variants and scroll triggers.

Give it a try!

Fred Moon
Fred MoonPro Expert3mo

me every month: surely this cannot work forever

@Framer: brrrrrrr

Fred Moon
Fred MoonPro Expert3mo

the first sale always hits different!

Fred Moon
Fred MoonPro Expert3mo

the 4 stages of a new Framer project in 2026:

1. blank canvas, Claude Code on the side

2. refine the work through fast Q/A with Claude

3. edit native UI elements directly on canvas

4. site is live

Fred Moon
Fred MoonPro Expert3mo

the Framer agent allowed me to focus on the part i love the most: creativity.

it did all the heavy lifting, and I only jumped in for the fun bit to match my taste.

and that's the whole point: THE AGENT DOESN’T REPLACE YOU. It helps you with the repetitive/boring stuff. You’re still the taste guardian of your galaxy.

what the agent did:

- page layout, text styles, etc

- wrapped my webgl in a component with 4 variants

- inserted the comp in fixed background

- added the scroll-variants interactions

what i did:

- adjust the fonts

- tweak the webgl (camera position)

give it a try for yourself → https://www.framer.com/community/contests/agents-hackathon/submissions/95TS8NRnKBYgF4KK2iCZ3K/

Fred Moon
Fred MoonPro Expert3mo

why did I use the external Framer agent vs native one?

→ it already has access to all my framer-focused local skills and commands

→ I can give it external repos/refs

→ it can call external tools and my own mcp/connectors

→ it uses my own claude sub (max plan x5)

my submission →

WebGL Agent – Entry – Framer Community
framer.link · WebGL Agent — WebGL Agent — an entry in the F…
Fred Moon
Fred MoonPro Expert3mo

👀behind the scene of how I built & prompted this webgl scroll experience for the hackathon

I recorded the whole process from start when i gave the agent 2 things:

1. a webgl scene with native framer property controls

2. a detailed prompt to build a scroll experience (full prompt in next tweet)

it went and built everything:

- the entire layout + content

- it wrapped my webgl inside 4 native comp variants

- the scroll sections + scroll triggers

- all breakpoints etc

Fred Moon
Fred MoonPro Expert3mo

my submission for Framer hackathon 💛

full bts/recording incoming later today on x.com/fw3d