Form
An interactive element that collects user input through fields like text boxes, dropdowns, and checkboxes. Well-designed forms balance collecting necessary information with respecting user time and effort. Keep forms short, use clear labels, provide helpful validation messages, and consider progressive disclosure for complex forms.
A/B Testing
Analytics
A method of comparing two versions of a page to determine which performs better based on user behavior and conversions. This data-driven approach removes guesswork from design decisions by letting real visitors vote with their actions. Framer's built-in A/B testing in Metrics lets you run experiments without third-party tools or complex setup.
Auto Layout
Framer
A Framer feature that automatically arranges child elements in a row or column with consistent spacing, similar to CSS Flexbox. This powerful tool creates responsive designs that adapt to content changes—add or remove items and the layout adjusts automatically. Auto Layout is essential for building reusable components like navigation bars, card grids, and form fields.
Border Radius
Design
The CSS property that rounds the corners of an element, measured in pixels or percentages. Border radius transforms harsh rectangles into friendlier, more organic shapes—from subtle rounding to perfect circles. Framer provides individual corner controls for asymmetric rounding and variables to maintain consistent corner radii across your design system.
CDN
Performance
Content Delivery Network—a distributed network of servers that delivers web content from locations geographically closest to each visitor. CDNs dramatically reduce latency and load times for global audiences while providing redundancy if one server fails. Framer hosts all sites on a global CDN automatically, ensuring fast performance worldwide without additional configuration.
CMS
CMS
text and images while maintaining consistent styling. Framer’s built-in CMS supports Content Management System—a platform for creating, organizing, and publishing digital content without writing code for each update. A CMS separates content from design, allowing non-technical users to update collections, relationships, and dynamic pages for blogs, portfolios, and product catalogs.
Code Override
Framer
A JavaScript function that modifies component behavior without changing the component itself, enabling custom interactions and logic. Overrides let you add functionality like form validation, state management, or API calls while keeping components reusable. This separation of concerns keeps your component library clean while allowing page-specific customizations.