Metrify is a premium Framer template built for analytics and revenue SaaS products. With four animated backgrounds it is Designed for founders who want a polished, conversion-ready website without starting from scratch just drop in your brand and go live.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
Hey @Framer Community, can anyone help me understand how to add this background variation smart preview button in marketplace.
Thanks :)
Mobile version 👀📱
I love projects that force me to learn something completely new.
This contest did exactly that.
Came in wanting to build a website.
Left learning a ton about 3D scrollytelling.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
First time creating a project like this using Framer 3.0 Agents + GSAP and it ended up being one of my favorite builds so far.
Here's a live scroll-through of the experience. 👇
What if Framer keyboard had a cinematic launch site?
That's exactly what I built for the Framer 3.0 Agents Hackathon 🖤
Built this for the Framer 3.0 Agents Hackathon.
Regardless of where it places, I'm proud of how far I pushed myself on this one.
Would appreciate a 🤍 on the submission:
I entered the Framer 3.0 Agents Contest with one goal:
Create something I'd be proud of regardless of the outcome.
The result is a cinematic product experience for the new Framer F1 Keyboard.
If you'd like to support my entry, please leave a 🤍 here:
Built a fully scroll-driven 3D experience for Framer's new F1 Keyboard using Framer 3.0 Agents + GSAP.
Every scroll movement reveals another layer of the keyboard until it fully assembles itself.
One of the most challenging projects I've built recently.
If you think it deserves a spot among the winners, I'd appreciate a 🤍 on my submission:
#Framer #GSAP #BuildInPublic #WebDesign
My entry for the Framer 3.0 Contest 🚀
To explore the capabilities of Framer 3.0 Agents, I created a 3D Scroll Trigger Product Landing Page experience for the newly announced Framer F1 Keyboard.
Built entirely in Framer 3.0, the experience combines custom GSAP-powered scroll storytelling with cinematic product reveals inspired by modern hardware launches.
Highlights:
• Built with Framer 3.0 Agents
• GSAP ScrollTrigger animations
• Interactive display reveals
• Scroll-driven product storytelling
The goal was to make the website feel like a product film rather than a traditional landing page.
Live: https://keyboard.framer.media
Would love to hear your thoughts 👇
#Framer #Framer3.0 #FramerContest #GSAP #CreativeDevelopment #WebDesign #MotionDesign #ProductDesign #Awwwards #BuildInPublic
After weeks of designing, refining, and obsessing over every detail, Gridly is finally live 🚀
A premium bento-grid portfolio template built for designers, developers, and creatives who want their work to stand out.
✦ Unique bento-grid layout
✦ Dark & Light modes
✦ Fully responsive
✦ CMS-powered projects
✦ Built with Framer
Would love to hear your thoughts 👇
#Framer #WebDesign #UIDesign #PortfolioDesign #BuildInPublic
Metrify is a premium Framer template built for analytics and revenue SaaS products. With four animated backgrounds it is Designed for founders who want a polished, conversion-ready website without starting from scratch just drop in your brand and go live.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
Hey @Framer Community, can anyone help me understand how to add this background variation smart preview button in marketplace.
Thanks :)
Mobile version 👀📱
I love projects that force me to learn something completely new.
This contest did exactly that.
Came in wanting to build a website.
Left learning a ton about 3D scrollytelling.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
First time creating a project like this using Framer 3.0 Agents + GSAP and it ended up being one of my favorite builds so far.
Here's a live scroll-through of the experience. 👇
What if Framer keyboard had a cinematic launch site?
That's exactly what I built for the Framer 3.0 Agents Hackathon 🖤
Built this for the Framer 3.0 Agents Hackathon.
Regardless of where it places, I'm proud of how far I pushed myself on this one.
Would appreciate a 🤍 on the submission:
I entered the Framer 3.0 Agents Contest with one goal:
Create something I'd be proud of regardless of the outcome.
The result is a cinematic product experience for the new Framer F1 Keyboard.
If you'd like to support my entry, please leave a 🤍 here:
Built a fully scroll-driven 3D experience for Framer's new F1 Keyboard using Framer 3.0 Agents + GSAP.
Every scroll movement reveals another layer of the keyboard until it fully assembles itself.
One of the most challenging projects I've built recently.
If you think it deserves a spot among the winners, I'd appreciate a 🤍 on my submission:
#Framer #GSAP #BuildInPublic #WebDesign
My entry for the Framer 3.0 Contest 🚀
To explore the capabilities of Framer 3.0 Agents, I created a 3D Scroll Trigger Product Landing Page experience for the newly announced Framer F1 Keyboard.
Built entirely in Framer 3.0, the experience combines custom GSAP-powered scroll storytelling with cinematic product reveals inspired by modern hardware launches.
Highlights:
• Built with Framer 3.0 Agents
• GSAP ScrollTrigger animations
• Interactive display reveals
• Scroll-driven product storytelling
The goal was to make the website feel like a product film rather than a traditional landing page.
Live: https://keyboard.framer.media
Would love to hear your thoughts 👇
#Framer #Framer3.0 #FramerContest #GSAP #CreativeDevelopment #WebDesign #MotionDesign #ProductDesign #Awwwards #BuildInPublic
After weeks of designing, refining, and obsessing over every detail, Gridly is finally live 🚀
A premium bento-grid portfolio template built for designers, developers, and creatives who want their work to stand out.
✦ Unique bento-grid layout
✦ Dark & Light modes
✦ Fully responsive
✦ CMS-powered projects
✦ Built with Framer
Would love to hear your thoughts 👇
#Framer #WebDesign #UIDesign #PortfolioDesign #BuildInPublic
Metrify is a premium Framer template built for analytics and revenue SaaS products. With four animated backgrounds it is Designed for founders who want a polished, conversion-ready website without starting from scratch just drop in your brand and go live.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
Hey @Framer Community, can anyone help me understand how to add this background variation smart preview button in marketplace.
Thanks :)
Mobile version 👀📱
I love projects that force me to learn something completely new.
This contest did exactly that.
Came in wanting to build a website.
Left learning a ton about 3D scrollytelling.
Built a cinematic 3D scroll experience for Framer's new Keyboard for the Framer 3.0 Agents Contest 🚀
First time creating a project like this using Framer 3.0 Agents + GSAP and it ended up being one of my favorite builds so far.
Here's a live scroll-through of the experience. 👇
What if Framer keyboard had a cinematic launch site?
That's exactly what I built for the Framer 3.0 Agents Hackathon 🖤
Built this for the Framer 3.0 Agents Hackathon.
Regardless of where it places, I'm proud of how far I pushed myself on this one.
Would appreciate a 🤍 on the submission:
I entered the Framer 3.0 Agents Contest with one goal:
Create something I'd be proud of regardless of the outcome.
The result is a cinematic product experience for the new Framer F1 Keyboard.
If you'd like to support my entry, please leave a 🤍 here:
Built a fully scroll-driven 3D experience for Framer's new F1 Keyboard using Framer 3.0 Agents + GSAP.
Every scroll movement reveals another layer of the keyboard until it fully assembles itself.
One of the most challenging projects I've built recently.
If you think it deserves a spot among the winners, I'd appreciate a 🤍 on my submission:
#Framer #GSAP #BuildInPublic #WebDesign
My entry for the Framer 3.0 Contest 🚀
To explore the capabilities of Framer 3.0 Agents, I created a 3D Scroll Trigger Product Landing Page experience for the newly announced Framer F1 Keyboard.
Built entirely in Framer 3.0, the experience combines custom GSAP-powered scroll storytelling with cinematic product reveals inspired by modern hardware launches.
Highlights:
• Built with Framer 3.0 Agents
• GSAP ScrollTrigger animations
• Interactive display reveals
• Scroll-driven product storytelling
The goal was to make the website feel like a product film rather than a traditional landing page.
Live: https://keyboard.framer.media
Would love to hear your thoughts 👇
#Framer #Framer3.0 #FramerContest #GSAP #CreativeDevelopment #WebDesign #MotionDesign #ProductDesign #Awwwards #BuildInPublic
After weeks of designing, refining, and obsessing over every detail, Gridly is finally live 🚀
A premium bento-grid portfolio template built for designers, developers, and creatives who want their work to stand out.
✦ Unique bento-grid layout
✦ Dark & Light modes
✦ Fully responsive
✦ CMS-powered projects
✦ Built with Framer
Would love to hear your thoughts 👇
#Framer #WebDesign #UIDesign #PortfolioDesign #BuildInPublic
