A simple quarter-circle. Endless possibilities. 🌀

I've been exploring how basic geometric shapes can turn into expressive, interactive experiences.

My latest Framer component is Truchet Weave Background — an animated geometric system where quarter-circle tiles rotate, reconnect, and form continuously evolving patterns.

What makes it interesting?

✦ Five unique wave presets

✦ Interactive cursor-driven rotations

✦ Customizable colors, tile size, and stroke width

✦ Adjustable animation speed and cursor behavior

✦ Responsive Canvas rendering

✦ Reduced-motion and performance-conscious design

The idea was to create something that feels like generative art but is practical enough to use in real websites.

Perfect for creative portfolios, agency websites, experimental landing pages, and interactive hero sections.

Built for Framer. Made with 💛 by @Karim Saif

Would you use something like this in a website?

#Framer #CreativeCoding #InteractionDesign #WebDesign #GenerativeArt

A simple quarter-circle. Endless possibilities. 🌀

I've been exploring how basic geometric shapes can turn into expressive, interactive experiences.

My latest Framer component is Truchet Weave Background — an animated geometric system where quarter-circle tiles rotate, reconnect, and form continuously evolving patterns.

What makes it interesting?

✦ Five unique wave presets

✦ Interactive cursor-driven rotations

✦ Customizable colors, tile size, and stroke width

✦ Adjustable animation speed and cursor behavior

✦ Responsive Canvas rendering

✦ Reduced-motion and performance-conscious design

The idea was to create something that feels like generative art but is practical enough to use in real websites.

Perfect for creative portfolios, agency websites, experimental landing pages, and interactive hero sections.

Built for Framer. Made with 💛 by @Karim Saif

Would you use something like this in a website?

#Framer #CreativeCoding #InteractionDesign #WebDesign #GenerativeArt