This project was built with:
Contra - 5 Step Agency Guide Form

Dylan Campbell

0

Low-Code/No-Code

Frontend Engineer

Framer Developer

Framer

React

Slack

Building Contra a responsive and powerful form using Framer Forms

As of writing this, Framer Forms has been out for about a month. This highly-requested feature is as powerful as anticipated and much desired for our Framer projects.

The Old

Previously, Contra had an embed to a custom solution their backend engineers built. The downside to this was non-responsiveness, the form taking seconds to load, and not a native solution!

The New

With the power of Framer Forms, we can build a fully customizable and native solution that fits our needs perfectly! While even sprinkling in a little React code to spice things up 👀

Final

With these changes, we see an improved page-load speed, responsiveness across device sizes, no-code editing for adding new inputs, and native to Framer!
We also added LinkedIn Conversion to help Contra track 👀
Like this project
0

Posted Jul 19, 2024

Developed using Framer Forms and Custom Code Overrides in Framer, we transformed a leads page into something magical 🪄

Likes

0

Views

149

Clients

Framer

Tags

Low-Code/No-Code

Frontend Engineer

Framer Developer

Framer

React

Slack

Building Moving Rectangles' home in Framer
Building Moving Rectangles' home in Framer
Building Contra an Advanced Navigation & Footer in Framer
Building Contra an Advanced Navigation & Footer in Framer
Contra - Creator Tools Awards Nomination Splash Page
Contra - Creator Tools Awards Nomination Splash Page
Contra x Framer Services Component
Contra x Framer Services Component