A permanent HTTP redirect informing browsers and search engines that a page has moved to a new URL. Webflow's built-in Redirects manager (under Project Settings) lets you add, edit, and bulk-import 301 redirects without touching code.

A text description of an image stored in the HTML alt attribute. Alt text is read by screen readers for accessibility and indexed by search engines as contextual information about the image's content.

A defined sequence of style changes applied to one or more elements over time, using a keyframe timeline. Webflow animations can be triggered by scroll position, page load, or user interactions like clicks and hovers.

A mathematical function defining how a property value changes over time during an animation — controlling acceleration and deceleration. Common curves include Linear, Ease, Ease In, Ease Out, and Spring.

A layout system that automatically resizes and repositions child elements based on defined rules — padding, gap, alignment, and direction. Auto Layout keeps designs responsive to content changes without manual adjustment.

An AI-powered feature in Webflow that generates sections, layouts, and copy from a text prompt, allowing you to rapidly scaffold pages without building from scratch.

A specific viewport width at which your design switches to a different layout. Webflow's defaults are Desktop (≥992px), Tablet, Mobile Landscape, and Mobile Portrait. Styles cascade downward from desktop by default.

A defined viewport width at which the layout adapts to better suit different screen sizes. Framer supports desktop, tablet, and mobile breakpoints, each with independent layout and style overrides.

A globally distributed network of servers delivering your site's assets — HTML, CSS, images, JavaScript — from the server nearest to each visitor. Webflow hosting uses Fastly's CDN for fast, reliable global delivery.

A structured database of content items sharing the same schema. For example, a 'Blog Posts' collection might have Title, Author, Date, Body, and Thumbnail fields. Collections power dynamic pages and repeating lists across your site.

A structured content database in Framer where items share the same set of fields. Collections power dynamic pages and lists — for example, a Blog collection with Title, Body, Date, and Cover Image fields.

A single piece of structured data within a Collection — such as Text, Rich Text, Image, Date, Number, Link, or Boolean. Every item in the Collection stores a value for each defined field.

A rule applied to a Collection List that limits which items are displayed based on field values. For example, 'Category equals Design' or 'Date is after today' creates a curated, condition-based list.

A single record within a CMS Collection — one blog post, one team member, one product. Each item stores a value for every field in its Collection and generates its own dynamic page URL.

An ordering rule applied to a Collection List that determines the sequence items appear. Common sorts include Date (newest first), Alphabetical, or a custom Number field used as a manual order index.

A two-dimensional layout system available natively in the Webflow Designer. You can define rows, columns, and gaps visually, then place elements into specific grid cells with drag-and-drop precision.

The central visual workspace inside the Webflow Designer where you build, arrange, and preview your site. It is a true WYSIWYG environment — what you see closely mirrors what visitors will see in the browser.

The infinite workspace in Framer where you create and arrange frames, components, and content. The Canvas can contain multiple pages and prototype flows, and supports unlimited zoom levels for precise work.

A built-in Webflow Ecommerce element that displays items a customer has added before checkout. The Cart is fully styleable in the Designer like any other element, and supports open/closed states.

A taxonomy system for organizing products in your Webflow store. Products can belong to one or more categories, and category pages can be templated to dynamically list their associated products.

The multi-step purchasing flow where customers enter shipping, billing, and payment information. Webflow's Checkout page is customizable in the Designer and uses Stripe as the default payment processor.

A reusable style definition applied to one or more elements. Updating a class updates every element that uses it simultaneously. Classes are the core of Webflow's styling system, equivalent to CSS class selectors.

A fully custom React component written in TypeScript/TSX and imported directly into the Framer canvas. Code Components behave like native Framer elements — they can be resized, styled, and have exposed props for customization.

A TypeScript function attached to a canvas element that intercepts and modifies its props — adding event handlers, changing styles, or injecting data. Code Overrides let you extend any element's behavior without making it a full Code Component.

A single data input within a CMS Collection, such as Plain Text, Rich Text, Image, Number, Date, Reference, Multi-reference, or Switch (boolean). Each Collection item stores a value for every defined field.

A single entry within a CMS Collection, analogous to a row in a spreadsheet or a record in a database. Each item stores values for every field defined in its parent Collection.

A Designer element that dynamically renders a list of CMS Collection items on any page. You define the layout and bind element properties — text, images, links — to Collection fields via the Settings panel.

An automatically generated page template serving each item in a CMS Collection. One template renders all items — for example, a single blog post template generates /blog/post-a, /blog/post-b, etc., with unique content per item.

A saved, named color value that can be applied across your project. Updating a Color Style propagates the change to every element using it — similar to design tokens.

An additional class stacked on top of a base class to create a variation. For example, a base class 'Button' with a combo class 'Button--primary' inherits base styles and adds or overrides specific properties for that variant.

A self-contained, reusable UI element — such as a card, modal, or navbar — that can be placed across multiple pages. Editing a Component updates every instance site-wide. Components support properties for per-instance customization without unlinking.

A reusable, self-contained UI element created in Framer — such as a button, card, or navbar. Components can be placed across multiple pages and frames. Editing the master component propagates updates to every instance.

A placed copy of a master Component on the canvas. Instances inherit the master's design and logic but can have their own property overrides for text, images, and visible variants.

A named, editable input exposed on a Component that allows per-instance customization without breaking the link to the master. Types include Text, Image, Boolean (toggle), and Enum (dropdown options).

A named state of a Component — such as Default, Hover, Active, or Disabled — defined within the same Component frame. Variants allow a single Component to represent multiple visual states.

A domain name you own (e.g. yoursite.com) connected to your Webflow-hosted project by updating DNS records at your domain registrar to point to Webflow's servers.

The internet's address book, mapping human-readable domain names to server IP addresses. Connecting a custom domain to Webflow requires updating DNS records — typically an A record and a CNAME — at your domain registrar.

The action of breaking an instance's link to its master Component, converting it to a plain group of elements. Detaching allows full independent editing but means the instance will no longer receive master updates.

An interaction type allowing an element to be dragged by the user within defined constraints. Framer's drag interactions support momentum, elastic boundaries, and snapping for realistic physical feel.

Connecting an element's property — such as an image source, heading text, or link URL — to a CMS field so the content renders dynamically per Collection item rather than being hardcoded.

A page template automatically generated for each item in a CMS Collection. One template serves all items — for example, one blog post template renders as /blog/my-post, /blog/another-post, with unique content per item.

A curve controlling how an animation accelerates and decelerates over its duration. Common types include Linear, Ease In, Ease Out, Ease In Out, and fully custom Bezier curves.

A simplified, inline content editing interface separate from the full Designer. Non-technical team members use the Editor to update CMS content, page text, and images without accessing design tools.

A function triggered by a user action — click, hover, focus, scroll — attached to an element via a Code Override or inside a Code Component. Event Handlers let you run custom logic in response to interactions.

A one-dimensional layout model for arranging elements in a row or column. Webflow's panel controls direction, alignment, justification, wrapping, and gap without any manual CSS.

The fundamental container element in Framer, equivalent to an artboard or screen. Frames have defined dimensions, background, and overflow settings, and can contain any number of child elements including other Frames.

Framer's globally distributed content delivery network that serves your published site's assets from servers close to each visitor — reducing latency and improving load speed worldwide.

The powerful React animation library that underlies all of Framer's animation capabilities. When writing Code Components, you have direct access to Framer Motion's full API — animate, variants, useScroll, useTransform, and more.

A touch or pointer input event — such as tap, swipe, drag, pinch, or long press — that can trigger interactions in Framer. Gestures make prototypes and live sites feel responsive and native-like.

A column, row, or square overlay applied to a Frame for visual alignment guidance. Grids are non-publishing design aids that help maintain consistent spacing and alignment across your layout.

An interaction triggered when the user's cursor enters or leaves an element. In Framer, hover interactions are commonly used with Variant Connections to animate between Default and Hover states.

Any defined behavior that responds to a user event or trigger. In Framer, interactions can navigate to a link, scroll to a target, open a layer, play an animation, or trigger a Variant Connection.

A behavior or animation assigned to an element that responds to a specific trigger. Triggers include page load, scroll into view, mouse hover, click, and scroll position. Each Interaction runs one or more animation timelines.

Any individual element on the canvas — a frame, image, text, shape, or component instance — represented as a row in the Layers panel. Layers can be stacked, grouped, locked, and hidden.

A lightweight JSON-based vector animation format created in Adobe After Effects via the Bodymovin plugin. Webflow natively embeds Lottie files and can tie their playback to scroll position or user interactions.

Framer's intelligent transition system that automatically animates shared elements between two Variants or frames. Framer identifies elements by name and smoothly morphs their position, size, and style.

The original, source-of-truth version of a Component from which all instances are derived. Edits to the Master propagate to every instance across your project automatically.

A 155–160 character HTML meta tag summarizing a page's content. It appears as the text snippet beneath a page title in search results and influences click-through rate, though it is not a direct Google ranking factor.

The HTML title tag for a page, displayed as the clickable headline in search results and the browser tab. Webflow lets you set a unique meta title per page and per CMS item. The optimal length is 50–60 characters.

A CMS field allowing one Collection item to reference multiple items from another Collection. For example, a Blog Post can be tagged with multiple items from a Tags Collection.

A panel in the Webflow Designer showing the hierarchical element tree of the current page. It mirrors the DOM structure and lets you select, reorder, nest, and rename elements with ease.

A Component placed inside another Component. Nesting enables complex, composable design systems — for example, a Card Component containing a Badge Component and an Avatar Component.

A protocol defining how URLs are previewed when shared on social platforms like Facebook, LinkedIn, and X (Twitter). Webflow lets you configure a custom OG title, description, and image per page and per CMS item.

A completed purchase transaction recorded in your Webflow Ecommerce dashboard. Each order includes customer details, line items, shipping address, payment status, and can trigger automated confirmation email notifications.

A property value set on a specific Component instance that differs from the master's default. Overrides can change text, image source, visible variant, or any exposed Component Property without detaching.

An Interaction trigger that fires automatically when a page finishes loading. It is commonly used for hero entrance animations — fading in headings, sliding up cards, or revealing elements in sequence.

A publishing setting that requires visitors to enter a password before viewing your site. Useful for client previews, staging environments, or private internal tools.

A shareable link to a non-public version of your site used for testing and client review before official publishing. Previews reflect the latest saved state of your project.

The core purchasable item in a Webflow store. Each product has fields for name, description, price, SKU, images, and categories, managed through the Ecommerce CMS. Product pages are automatically generated as Collection pages.

Named inputs passed into a Code Component or read by a Code Override. In Framer, props defined with addPropertyControls() appear as configurable fields in the canvas properties panel — no code editing required after setup.

The action of pushing your saved Designer changes live. Publishing to a custom domain makes changes immediately visible to all visitors; publishing to the staging domain previews changes without affecting the live site.

The action of deploying your Framer project live so it is accessible to visitors on your custom domain or Framer subdomain. Publishing compiles your design, components, and CMS into a production-ready website.

A CMS field that links one Collection item to a single item in another Collection. For example, a Blog Post referencing one Author item. This enables relational data structures within Webflow's CMS.

A CMS field type that stores formatted content — headings, paragraphs, bold, italic, links, images, lists — rendered as HTML on the page. Framer's Rich Text element can be bound to a Rich Text CMS field for dynamic long-form content.

A special element that renders formatted content including headings, paragraphs, bold, italic, links, lists, blockquotes, and images. It is used for blog post bodies and long-form content, and can be bound to a CMS Rich Text field.

Per-page and per-CMS-item configuration for meta title, meta description, Open Graph image, and indexing rules (noindex). Framer also auto-generates a sitemap.xml and supports canonical URLs.

A unique identifier for a specific product variant defined by a combination of option values such as size and color. Each SKU can have its own price, inventory count, and images.

A digital certificate enabling HTTPS encryption between your site and visitors' browsers. Webflow automatically provisions and renews free SSL certificates for all published sites — no manual setup required.

An animation whose progress is tied directly to the scroll position of the page or a scrollable container. As the user scrolls down, the animation advances — enabling parallax, reveal, and progress-linked effects.

An Interaction trigger that fires based on the visitor's scroll position — either when an element enters the viewport or at a specific percentage of page scroll.

The target of a style rule — it can be a Class, a Tag (e.g. all H2s globally), a Combo Class, or a pseudo-state like hover or focus. The Style panel always shows which selector is currently active.

An XML file listing every indexable URL on your site, helping search engine crawlers discover and prioritize your content. Webflow automatically generates and updates a sitemap.xml for every published project.

A designated placeholder inside a Component that accepts arbitrary child content when used as an instance. Slots enable highly flexible, composable components — similar to slots in Vue or children in React.

The URL-friendly identifier forming the last segment of a CMS item or page URL. For example, a post titled 'Getting Started with Webflow' might use the slug 'getting-started-with-webflow'.

The URL path segment uniquely identifying a CMS item or page. For a blog post titled 'Getting Started with Framer', the slug might be 'getting-started-with-framer', making the URL /blog/getting-started-with-framer.

A physics-based animation using stiffness, damping, and mass parameters instead of duration and easing. Spring animations produce naturalistic, overshoot-based motion that feels physically grounded.

A free .webflow.io subdomain (e.g. yourproject.webflow.io) assigned to every Webflow project. It allows you to preview and share your site publicly before connecting a custom domain or purchasing a paid hosting plan.

The right-hand panel in the Designer used to apply and adjust visual properties — layout, spacing, typography, borders, backgrounds, effects, and more — on any selected element.

The predecessor to Components. A Symbol is a reusable group of elements defined once and synced across pages — editing the master updates all instances. Webflow now recommends using Components instead, as they support per-instance properties.

A saved, named collection of typography settings — font family, size, weight, line height, letter spacing — applied consistently across your project. Updating a Text Style changes all elements using it.

The visual keyframe editor inside the Interactions panel where you sequence property changes over time. Each keyframe defines the target state of one or more properties at a specific moment.

A named design decision — color, spacing, radius, shadow — stored as a reusable variable. Tokens create a single source of truth for design decisions and integrate cleanly with design systems and code handoff.

The animated change between two states, pages, or Variants. Framer transitions can be configured with duration, curve, delay, and direction — or handled automatically via Magic Motion.

The statically typed superset of JavaScript used for all code in Framer — Code Components, Code Overrides, and utility modules. TypeScript catches type errors at compile time, making code more reliable and easier to refactor.

A named design token storing a reusable value such as a color, font size, or spacing unit. Updating a Variable propagates the change to every element using it, equivalent to CSS custom properties.

Connecting a text or image element's content to a CMS field so it renders dynamically per Collection item. On a dynamic blog post page, the heading is bound to the CMS Title field, the image to the Cover Image field, and so on.

A specific version of a product defined by one or more option values — for example, a T-shirt in sizes S, M, L combined with colors Red and Blue creates six variants, each as a separate SKU.

A defined transition between two Component Variants, triggered by an interaction such as hover, click, or a custom event. Variant Connections power state-based animations without manual interaction setup.

A scalable path-based graphic element defined by mathematical curves rather than pixels. Framer supports SVG vectors natively — they can be imported, styled, and even animated as part of interactions.

Webflow's fully managed hosting infrastructure, built on AWS and served through Fastly's CDN. It handles server maintenance, security patches, performance optimization, and uptime — you focus purely on design and content.