The property that determines whether flexbox children are arranged in rows (horizontal) or columns (vertical). This setting affects wrapping, alignment, and spacing behavior within a flex container. In Framer layoutauto layout, direction maps to horizontal or vertical stacking.

A CSS layout system designed for one-dimensional layouts, distributing space among items in rows or columns. Flexbox excels at navigation bars, card rows, and any content that should grow or shrink responsively. Framer's auto layout is powered by flexbox concepts, making these layouts visual and intuitive.

A layout system that divides space into rows and columns, creating alignment and structure for content placement. Grid systems ensure visual consistency and make responsive design more predictable. Framer supports CSS Grid concepts through layout tools that adapt columns and gaps across breakpoints.

The space outside an element’s border, creating separation from neighboring elements. Margin helps control rhythm and spacing between blocks of content. In Framer, use spacing controls and layoutauto layout gap for consistent, predictable layout behavior.

What happens when content exceeds its container's boundaries—it can be visible, hidden, scrollable, or clipped. Overflow settings affect scrolling behavior and whether content bleeds outside containers. Hidden overflow is useful for clipping decorative elements and creating scroll containers.

The space inside an element, between its content and border. Padding improves readability and visual balance by creating internal breathing room. Consistent padding values help maintain a coherent design system.

An interactive element allowing users to switch between content panels without leaving the page, saving space and organizing related content. Tabs work best for equally important parallel content, not sequential steps. Ensure tab interfaces are keyboard accessible with proper ARIA roles.

Internet Protocol address—a numerical label identifying devices on a network, like 192.168.1.1 or a longer IPv6 format. IP addresses enable communication between devices and can provide geographic location data for analytics. CDNs route traffic based on IP to serve content from nearby servers.

Web Content Accessibility Guidelines—international standards defining how to make web content accessible to people with disabilities. WCAG compliance is increasingly required legally and expands your potential audience. Aim for at least WCAG 2.1 AA conformance.

Links and content in the page footer providing secondary navigation, legal links, and supplementary information. Footers catch users who've scrolled through all content and need next steps. Include popular pages, contact information, and trust signals like security badges.

A vertical navigation or content panel typically positioned at the page edge, common in dashboards and documentation. Sidebars provide persistent access to navigation while leaving room for main content. Design sidebars to collapse gracefully on smaller screens.

The empty area around and between design elements that gives content room to breathe and creates visual clarity. Negative space, or white space, is an active design element that improves focus and comprehension. Resist filling every available space—negative space makes designs feel premium.

Metadata sent with HTTP requests and responses that controls behavior such as caching, security policies, and content handling. Common examples include Cache-Control, Content-Security-Policy, and Strict-Transport-Security.

A site or page access control method that requires visitors to enter a password before viewing protected content. It is useful for private previews, client reviews, and restricted launches. See Add Password Protection.

A workflow where content is edited directly in the context of the live page layout rather than in a separate form view. This improves editorial speed and reduces context switching.

Internationalization (i18n) is the process of designing content and systems so a website can support multiple languages, locales, and regional conventions.

A Bibliography is a structured list of references used in a project, helping readers verify sources and explore related material.

Content Credentials are provenance records attached to media to indicate authorship and edit history. They are commonly packaged in a C2PA Manifest and surfaced as Provenance Metadata.

Provenance Metadata captures source, edits, and processing history for an asset so consumers can assess authenticity. It is typically surfaced through Content Credentials and reinforced with Tamper-Evident Metadata.

Tamper-Evident Metadata uses signatures or integrity checks so changes are detectable. It strengthens Provenance Metadata and trust signals in Content Credentials systems.

Merge to main is the action of bringing approved branch changes back into the primary project version before shipping them.

In collaborative Framer workflows, merge to main helps teams move faster without losing control of structure, content, performance, or editable design details.

A bento grid in Framer helps present product features, media, and proof points in a structured but expressive layout, using cards that can span different rows or columns.

A masonry layout in Framer is useful for galleries, inspiration feeds, templates, and cards where uneven content should feel organic rather than forced into equal rows.

Framer tickers can add motion to marquees, partner logos, feature labels, and repeated content while preserving a clean editable layout.