Transforming Cavalry Tutorials into Interactive Web Components

Transforming Cavalry Tutorials into Interactive Web ComponentsTransforming Cavalry Tutorials into Interactive Web Components

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Gabor Molnar

pro

• Jul 9

Thought it would be fun to turn the previous Cavalry tutorial into an interactive web component

So... I gave it a try. 👀

Always interesting to see how a motion concept translates into something you can actually use on the web.

Leave a comment if you want to try!

Cavalry Claude Contra

Maty Sandoval

max

• Jul 9

Taking a Cavalry motion tutorial and actually rebuilding it as a working web component is a great way to stress-test whether a concept holds up outside the tool it was designed in. Did you rebuild the physics/easing by hand, or did Claude help translate the timing curves directly?

Gabor Molnar

pro

• Jul 10

Hi Maty, I can manually ease the curves, but Calude helped me to have those properties as parameters

Miguel Queirós

max

• Jul 6

Hero section from my recent framer template

Claude Framer Framer Website Development Web Design

MD Rafee Alam

• Jul 6

The renaissance painting next to the terminal window is an unexpected pairing that actually works, gives it more personality than the usual gradient blob hero. What made you go with that contrast?

BrightStudios®

max

• Jul 6

It's been a crazy week for me, and only now I really got the chance to play around with some @framer Agent and shaders. This is what I came up with using Claude as the main engine to prompt the idea I have for these funky monochrome shaders and the execution in Framer.

Framer shaders Claude