Website I did for a business offering balcony makeover services in India. 🪴✨

Also used my animated divider component on the about page. 🫣

Would love to know what you guys think. 🙌

Framer has no native divider, so I've been drawing 1px rectangles/frames at 10% opacity. I always felt dividers could be visual elements that add to the visual language bringing character to any design.

So I built a versatile divider component with multiple styles (straight, dashed, dotted, double, wavy, zig-zag, character.), solid colour/gradient support and animation to bring that wow factor.

Link in comments! 😀

Most Framer projects I've seen use a plain rectangle as a section separator. It works, but it's a missed opportunity to add character to a layout.

I built Divider Pro to explore what a divider could actually be -- wavy, animated with scroll, gradient-filled, zigzag with soft or sharp corners. Curious what you think.

Check out the preview and let me know: would you use something like this in your projects? What styles or behaviors would you want that aren't here yet?

Preview component