Desktop
Tablet
Mobile
Section Details:
Core Features:
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 4 C 0 1.791 1.791 0 4 0 L 16 0 C 18.209 0 20 1.791 20 4 L 20 16 C 20 18.209 18.209 20 16 20 L 4 20 C 1.791 20 0 18.209 0 16 Z M 4 6 C 4 7.105 4.895 8 6 8 L 14 8 C 15.105 8 16 7.105 16 6 C 16 4.895 15.105 4 14 4 L 6 4 C 4.895 4 4 4.895 4 6 Z M 4 14 C 4 15.105 4.895 16 6 16 L 14 16 C 15.105 16 16 15.105 16 14 C 16 12.895 15.105 12 14 12 L 6 12 C 4.895 12 4 12.895 4 14 Z" fill="transparent" height="20px" id="f377x37wp" transform="translate(2 2)" width="20px"><path d="M 0 4 C 0 1.791 1.791 0 4 0 L 16 0 C 18.209 0 20 1.791 20 4 L 20 16 C 20 18.209 18.209 20 16 20 L 4 20 C 1.791 20 0 18.209 0 16 Z M 4 6 C 4 7.105 4.895 8 6 8 L 14 8 C 15.105 8 16 7.105 16 6 C 16 4.895 15.105 4 14 4 L 6 4 C 4.895 4 4 4.895 4 6 Z M 4 14 C 4 15.105 4.895 16 6 16 L 14 16 C 15.105 16 16 15.105 16 14 C 16 12.895 15.105 12 14 12 L 6 12 C 4.895 12 4 12.895 4 14 Z" fill="rgb(0, 0, 0)" height="20px" id="qr28OAMbL" width="20px"/></g></svg>)
Form
Code:
BrokenLinksTracking
Effects:
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 4.372 8.198 C 6.303 7.812 7.812 6.303 8.198 4.372 L 8.891 0.909 C 9.133 -0.303 10.867 -0.303 11.109 0.909 L 11.802 4.372 C 12.188 6.303 13.697 7.812 15.628 8.198 L 19.091 8.891 C 20.303 9.133 20.303 10.867 19.091 11.109 L 15.628 11.802 C 13.697 12.188 12.188 13.697 11.802 15.628 L 11.109 19.091 C 10.867 20.303 9.133 20.303 8.891 19.091 L 8.198 15.628 C 7.812 13.697 6.303 12.188 4.372 11.802 L 0.909 11.109 C -0.303 10.867 -0.303 9.133 0.909 8.891 Z" fill="transparent" height="20px" id="MkEHBXhs0" transform="translate(2 2)" width="20px"><path d="M 4.372 8.198 C 6.303 7.812 7.812 6.303 8.198 4.372 L 8.891 0.909 C 9.133 -0.303 10.867 -0.303 11.109 0.909 L 11.802 4.372 C 12.188 6.303 13.697 7.812 15.628 8.198 L 19.091 8.891 C 20.303 9.133 20.303 10.867 19.091 11.109 L 15.628 11.802 C 13.697 12.188 12.188 13.697 11.802 15.628 L 11.109 19.091 C 10.867 20.303 9.133 20.303 8.891 19.091 L 8.198 15.628 C 7.812 13.697 6.303 12.188 4.372 11.802 L 0.909 11.109 C -0.303 10.867 -0.303 9.133 0.909 8.891 Z" fill="rgb(0, 0, 0)" height="20px" id="TD1Mkd6rR" width="20px"/></g></svg>)
Appear
Text
Hover
How to use:
Click the Copy button on any Section card or preview page.
Paste it anywhere in your Framer project where you need the layout.
Adjust Text, Images, and Variants using built-in Variables.
Unlink the section for full control and deeper customization.