Skip to main content
Blocks are compositions of Anvil2 components and patterns that can be used to implement common use cases in your project. They are intentionally not components because they may need to be customized to fit specific requirements. Providing them as composition examples enables more flexibility in the implementation. There are a few different ways to use Blocks:
  • Codegen agents: ask Claude or your codegen agent of choice to use the Anvil2 MCP to implement a Block or pattern. If it exists, it will find the code snippet and morph it to work with your use case.
  • Open in StackBlitz: go to the Block page you need and click “StackBlitz demo”. This will open the Block in a StackBlitz sandbox that you can tweak then copy into your project.
  • Copy directly: go to the Block page you need and click “Show code”, then copy it directly and paste it in your project.

Blocks Figma

Blocks start as design contributions in Figma. Start here if you have an idea for a new Block.
Last modified on September 3, 2026