Documentation
v1.9
GETTING STARTED
DYNAMIC ISLAND
Premium element
Visual Effect
Modern Shape
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.
Preview
Open previewQuick Setup
data-modern-shapes
Required
Activates the Modern Shapes effect on the container.
Available Presets
data-modern-preset="preset-name"
Required
neon
sunset
ocean
candy
northen
cosmos
Available Layouts
data-shapes-layout="layout-name"
Required
minimal
corners
organic
modern
diagonal
rings
prism
stripe
asymmetric
layered
cascade
radial
flow
Advanced configuration
data-shapes-count
Optional
Specifies the number of shapes in the layout. Range: 3–6.
Default: 4
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours