Shape Divider

Create fully responsive shape dividers for your next project

53 followers

Create fully responsive shape dividers for your next project

53 followers

Visit website

Interface design tools

•

Graphic design tools

•

Design resources

We created this free web app to let designers & developers quickly export nice pre-made SVG shape dividers with customised code based on their project requirements.

Launch tags:Web App•Design Tools•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

The SVG downloads are not working for me. They're coming out with way too much height. Does anyone else have this problem?

Report

6yr ago

HN+ : HackerNews Plus

Awesome product! Thank you. Perfect for developers like me who don't really want to know or learn how to do this. :)

Report

6yr ago

Maker

@eric_bae So glad this is a useful tool for you Eric! Thanks for your support.

Report

6yr ago

Was just struggling trying to create my own wave dividers last week. This makes everything much simpler and customizable. Thank you!

Report

6yr ago

Maker

@roddanan1 You're welcome, we're glad you find this tool useful.

Report

6yr ago

Maker

Today we're excited to launch the Shape Divider web app that we've been working on. Over the years we've loved using shape dividers on various different projects. They have the ability to create a huge impact on the overall design and theme of a website. We decided to work on this small project as a free tool to hopefully help designers and developers speed up the process of implementing such things. We hope to add more pre-made SVG shape dividers in the future and to improve this app as feedback comes in. If at least one person finds this tool useful, we'll be happy :) Let us know what you think.

Report

6yr ago

Empoche

Wow, love it! You really beat the competitors I know by a huge margin, bookmarked :) Idea for a next version: Generation of "unique" square, circles, ellipses as content container "backgrounds". E.g. not just top and bottom shaped, but also left and right.

Report

6yr ago

Shape Divider

Maker

@yves_hoppe Thank you for your feedback. We surely look into your suggestions for next version. Thanks again!

Report

6yr ago

Maker

We're so happy to see the amount of interest and enjoyment people are getting from this app over the past 24 hours. If anyone wishes to get in touch with direct feedback, queries, or you need some support please feel free to drop us an email via hello@shapedivider.app. Thanks for your support.

Report

6yr ago

hi i am not sure color does not show up .custom-shape-divider-top-1639124627 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; } .custom-shape-divider-top-1639124627 svg { position: relative; display: block; width: calc(217% + 1.3px); height: 452px; } .custom-shape-divider-top-1639124627 .shape-fill { fill: #F8BBD0; }

Report

4yr ago

1 2 3

•••

Shape Divider is highly praised by users for its utility in web development and design. Users appreciate its ability to quickly export customizable SVG shape dividers, enhancing their projects with ease. The tool is described as beneficial and user-friendly, making it a favorite among web developers and designers alike. While there are no maker reviews available, the overwhelmingly positive feedback from users highlights its effectiveness and value in streamlining design processes.

Summarized with AI

Pros

Cons

Reviews