> For the complete documentation index, see [llms.txt](https://docs.realmacsoftware.com/elements-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.realmacsoftware.com/elements-docs/using-elements.md).

# Using Elements

- [Editor and Workspace](https://docs.realmacsoftware.com/elements-docs/using-elements/editor.md): Learn more about the Elements WYSIWYG Editor
- [Workspaces](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/workspaces.md): Customise the Elements user interface to the way you work
- [Page Manager](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/page-manager.md): Manage the structure of your website
- [Resources](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/resources.md): Add, organise and manage the files used by your website
- [Node Browser](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/node-browser.md): View, search and manage the component structure of a page
- [Inspector](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/component-inspector.md): Modify the properties of the selected component
- [Keyboard Shortcuts](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/keyboard-shortcuts.md): Work faster in Elements with keyboard shortcuts
- [Apple Intelligence](https://docs.realmacsoftware.com/elements-docs/using-elements/editor/apple-intelligence.md): Use Apple Intelligence Writing Tools in RapidWeaver Elements
- [Templates and Globals](https://docs.realmacsoftware.com/elements-docs/using-elements/reusable-content.md): Reuse complete layouts with Templates and linked Globals
- [Templates](https://docs.realmacsoftware.com/elements-docs/using-elements/reusable-content/templates.md): Use templates to build your website in minutes
- [Globals](https://docs.realmacsoftware.com/elements-docs/using-elements/reusable-content/global-templates.md): Create linked groups of components that update throughout your website
- [Components](https://docs.realmacsoftware.com/elements-docs/using-elements/components.md): Browse the components available for building pages in Elements
- [Layout Components](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components.md): Components for controlling page structure, alignment and responsive layout
- [Container](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components/container.md): Group, lay out, style, and link other components
- [Divider](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components/divider.md): Create visual separation between sections of a page
- [Flex](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components/flex.md): Arrange components in a responsive row or column with Flexbox
- [Grid](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components/grid.md): Build responsive two-dimensional layouts with CSS Grid
- [Text Wrap](https://docs.realmacsoftware.com/elements-docs/using-elements/components/layout-components/text-wrap.md): Flow text around a transparent or rectangular image
- [Content and Media](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media.md): Components for text, images, audio, video and other page content
- [Audio](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/audio-playlist.md): Build a self-hosted audio player with a styled playlist
- [Gallery](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/gallery.md): Build a responsive image and video gallery with a lightbox
- [Image](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/image.md): Display responsive resource, custom, or CMS images
- [Image Slider](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/image-slider.md): Display images in a swipeable, responsive slider
- [Markdown](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/markdown.md): Write and render structured content using Markdown syntax
- [SVG](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/svg.md): Display and style scalable vector graphics
- [Text](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/text.md): Create headings, paragraphs, labels, and short text blocks
- [Typography](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/typography.md): Apply a Theme Studio typography style to long-form content
- [Video](https://docs.realmacsoftware.com/elements-docs/using-elements/components/content-and-media/video.md): Add YouTube, Vimeo, or MP4 video to a page
- [Navigation and Interaction](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction.md): Components for navigation, disclosure, actions and interactive content
- [Accordion](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/accordion.md): Organise content into expandable and collapsible sections
- [Breadcrumbs](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/breadcrumbs.md): Show the current page’s position within the site hierarchy
- [Button](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/button.md): Create a styled action or navigation control
- [Content Slider](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/content-slider.md): Present custom content in an autoplaying or visitor-controlled slider
- [Dropdown](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/dropdown.md): Reveal links, actions, or custom content from a compact trigger
- [Menu](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/navigation-standard.md): Build responsive navigation automatically from your site pages
- [Modal](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/modal.md): Display focused content in an overlay above the current page
- [Reveal](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/reveal.md): Animate components as they enter or leave the viewport
- [Tabs](https://docs.realmacsoftware.com/elements-docs/using-elements/components/navigation-and-interaction/tabs.md): Organise related content into selectable tab panels
- [Data and Organisation](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation.md): Components for structured, filtered and dynamically sourced content
- [CMS](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/cms.md): An overview of the Markdown-based CMS for RapidWeaver Elements
- [Filter](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/filter.md): Let visitors search and filter tagged content by text
- [Filter Tags](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/filter-tags.md): Let visitors filter content with selectable tag buttons
- [List](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/list.md): Create ordered or unordered lists with styled markers and text
- [Table](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/table.md): Display, search, sort, and paginate structured data
- [Top Pages](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/top-pages.md): Display an automatically updated list of top-level pages or folder contents
- [Tree](https://docs.realmacsoftware.com/elements-docs/using-elements/components/data-and-organisation/tree.md): Build expandable, multi-level navigation from your site pages
- [Styling and Effects](https://docs.realmacsoftware.com/elements-docs/using-elements/components/styling-and-effects.md): Components for decorative treatments, branding and visual effects
- [3D Transform](https://docs.realmacsoftware.com/elements-docs/using-elements/components/styling-and-effects/3d-transform.md): Create perspective, depth, rotation, and mouse-driven 3D effects
- [Background](https://docs.realmacsoftware.com/elements-docs/using-elements/components/styling-and-effects/background.md): Create fixed, angled, coloured, gradient, image, or SVG backgrounds
- [Elements Badge](https://docs.realmacsoftware.com/elements-docs/using-elements/components/styling-and-effects/elements-badge.md): Display the fixed “Made in Elements” badge
- [Mask](https://docs.realmacsoftware.com/elements-docs/using-elements/components/styling-and-effects/mask.md): Reveal wrapped content through SVG, edge, linear, or radial masks
- [Form](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form.md): Build forms that submit to email or a webhook
- [Attachment](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/attachment.md): Let visitors attach files to a form submission
- [Checkbox](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/checkbox.md): Let visitors choose zero, one, or several options
- [Date Picker](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/date-picker.md): Collect a date and optional time
- [Error](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/error.md): Show custom content when a form fails
- [Input](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/input.md): Collect text, email, numbers, passwords, telephone numbers, URLs, or multi-line content
- [Label](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/label.md): Associate visible descriptive text with a form field
- [Radio](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/radio.md): Let visitors choose one option from a group
- [Select](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/select.md): Let visitors choose an option from a drop-down list
- [Submit](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/submit.md): Turn a child Button or similar component into the form submission control
- [Success](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/success.md): Show custom content after a successful form submission
- [Using Fastmail](https://docs.realmacsoftware.com/elements-docs/using-elements/components/form/using-fastmail.md): Configure a Fastmail app password for Form email delivery
- [Common Controls](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls.md): Learn the Inspector controls shared by built-in components
- [Link](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/link.md): Link a component to a page, resource, anchor, email address, or website
- [Layout](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/layout.md): Control component positioning, stacking, visibility, overflow, and isolation
- [Sizing](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/sizing.md): Set component width, height, and responsive size constraints
- [Spacing](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/spacing.md): Add responsive margin and padding to components
- [Typography & Text Styles](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/typography-and-text-styles.md): Control fonts, text size, spacing, decoration, colour, and semantic wrappers
- [Backgrounds](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/backgrounds.md): Apply colour, image, gradient, SVG, video, and hover backgrounds
- [Transitions](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/transitions.md): Control which properties animate and set their timing
- [Effects](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/effects.md): Apply shadows, opacity, and hover effects
- [Filters](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/filters.md): Apply blur, brightness, saturation, shadow, and backdrop effects
- [Transforms](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/transforms.md): Scale, rotate, move, and skew components
- [Borders](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/borders.md): Set border style, colour, opacity, width, radius, and hover states
- [Advanced](https://docs.realmacsoftware.com/elements-docs/using-elements/components/common-controls/advanced.md): Add CSS classes and IDs, or change a supported component’s HTML tag
- [Store Components](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components.md): Discover additional free and paid components from the Elements Store
- [Before After (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/before-after-paid.md): Compare two images or sets of content with an interactive slider
- [Card Flip (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/card-flip-paid.md): Reveal a second side of content with an interactive 3D card
- [Gallery Pro (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/gallery-pro.md): Build responsive image and video galleries with albums, metadata, and a lightbox
- [Marquee Pro (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/marquee-pro-paid.md): Create a continuously scrolling strip of images or custom content
- [Password Protect (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/password-protect-paid.md): Protect pages and sections with a shared password login system
- [Random Content (Paid)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/random-content-paid.md): Show one randomly selected piece of content each time a page loads
- [Masonry Images (Free)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/masonry-images-free.md): Build a responsive masonry layout from a folder of images
- [Map (Free)](https://docs.realmacsoftware.com/elements-docs/using-elements/store-components/map-free.md): Add a configurable Google map to a page
- [Design and Theming](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming.md): Build a consistent responsive design system with themes, breakpoints and dark mode
- [Theme Studio](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio.md): Manage the look and feel of your website
- [Theme](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/theme.md): Change the style of your website in a single click
- [Screens](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/screens.md): Manage breakpoints and container widths
- [Page](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/page.md): Set the default properties for all pages
- [Colors](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/colors.md): Manage your website’s global colour palette
- [Font Family](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/font-family.md): Configure fonts for use in your website
- [Font Size](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/font-style.md): Manage the reusable font-size scale for your website
- [Spacing](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/spacing.md): Specify global spacing for your website
- [Shadows](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/shadows.md): Create reusable shadow styles for depth and emphasis
- [Border Width](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/border-width.md): Manage reusable border widths across your website
- [Border Radius](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/border-radius.md): Manage reusable corner-radius values across your website
- [Typography](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/theme-studio/typography.md): Style paragraphs, headings, lists, quotes, code, and links as a reusable system
- [Breakpoints](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/responsive-breakpoints.md): Change your design based on responsive breakpoints
- [Dark Mode](https://docs.realmacsoftware.com/elements-docs/using-elements/design-and-theming/dark-mode.md): Automatic colour switching based on the user's system settings
- [Project and Publishing](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing.md): Configure, preview, publish and safely move an Elements project
- [Project Settings](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/site-settings.md): Configure site-wide details, code, icons and publishing destinations
- [General](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/site-settings/general.md): Set your website title, address, language, logo and appearance options
- [Web Icons](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/site-settings/web-icons.md): Automatic favicon generation
- [Advanced Settings](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/site-settings/advanced.md): Control generated files and local preview behaviour for your project
- [Site Template](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/site-settings/template.md): Customise the HTML template used by every page of your website
- [Browser Preview](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/previewing-your-website.md): Preview your website in any browser on your Mac
- [Publishing](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/publishing.md): Export your project locally or online
- [Syncing Projects](https://docs.realmacsoftware.com/elements-docs/using-elements/project-and-publishing/syncing-projects.md): Sync Elements projects across multiple Macs
- [Elements AI](https://docs.realmacsoftware.com/elements-docs/using-elements/elements-ai.md): AI tools to help you build better websites more quickly
- [Elements MCP Server](https://docs.realmacsoftware.com/elements-docs/using-elements/elements-ai/elements-mcp-server.md): Connect compatible AI clients to the in-development Elements MCP server
- [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/using-elements/elements-cloud.md): Sign up for a free Elements Cloud account


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.realmacsoftware.com/elements-docs/using-elements.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.