Usage & Best Practices

Managing sections & components

  • Drag and drop sections onto the Framer canvas for instant use.

  • Use the Properties Panel to adjust text, colors, and images easily. All content can be managed via the Properties Panel.

  • Keep your project organized by grouping related components.

When to detach

  • By default, Grit UI components are linked for easy updates.

  • If you need full control over layout customization, detach the section before placing it on the canvas.

  • Detached sections allow for deeper editing while maintaining the original design structure and responsive behaviour.