Blocks — Framer

A block is a whole section (a hero, pricing, a form) wearing a shader, and it comes to Framer as one code component too. Free blocks are ready now; Pro blocks come with Pro access.

1. Open the block on aperveil.com and make it yours with Customize: its copy, colours, typefaces, and the shader it wears with its Look.
2. Open Install, choose Framer and select Copy for Framer. The file opens in the design you made.
3. In Framer, add a new code file, replace its sample code with your copy and save.
4. Drag the block onto the page, with its width set to Fill and its height to Fit content.

In the property panel:

• Every line of its copy. Links take a URL or one of your Framer pages; in a list (a menu, a row of claims) each line is one item, written Label | /link where it links.
• Corner radius and Border: the block's outer edge. For a section that runs edge to edge, set the radius to 0 and hide the border.
• Form endpoint, on blocks with a form: paste a Formspree or webhook URL and the form sends its fields there as JSON. Until then the form stays a preview, its fields disabled.

The block reads its width as its own, so it lays out for Framer's breakpoints as it does on any page. Its shader answers the pointer across the whole section, and two blocks wearing one shader keep their own settings.