What is it?

Modern Shape allows you to add visually striking, customizable shapes to any section, helping you create a dynamic design with ease. With multiple shape presets and layout options, you can effortlessly enhance your site's visual appeal without needing to code.

How to set it up?

Simply add the data-modern-shapes attribute to any container where you want to apply the Modern Shapes effect. Customize it further with optional attributes that adjust the style, layout, color preset, and more.

'data-modern-shapes'. Activates the Modern Shapes effect on the container.

'data-modern-preset'. Choose a color theme for the shapes. Preset options include:

'data-shapes-layout'. Sets the layout style for shapes, affecting position and quantity.

'data-shapes-count' (Optional). Specifies the number of shapes in the layout. Range: 3–6. Default: 4

Tips