Components & Symbols
Reusable components and Symbols let you build faster and keep your project consistent.
What are components?
Components are reusable blocks of HTML and CSS. Learn the difference between one-time components and globally synced Symbols.
Project components
Save any page section as a reusable project component and insert it on other pages in the same project.
Prebuilt components
Site Designer includes hundreds of ready-made components for Foundation, Bootstrap, and Materialize.
Saving your own components
Any section of your page can be saved as a reusable component for use across your project.
Symbols — globally synced components
Symbols let you define a component once and have changes sync automatically across every instance on every page.
Component library organization
Keep your component library tidy with folders, descriptions, and naming conventions.