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.

A version of a component or layout specifically designed for a particular screen size, allowing different arrangements at each breakpoint. This approach provides precise control over how elements restack, resize, or hide across devices. In Framer, create breakpoint variants to transform horizontal navbars into mobile hamburger menus or reflow card grids into single columns.

A transform that spins an element around a center point by a specified angle measured in degrees. Rotation adds dynamism and visual interest to layouts and interactions. Combine rotation with other transforms for complex motion sequences.

Animation effects tied to scroll position, creating parallax, reveal, and other scroll-driven visual changes. Scroll transforms add interactivity and storytelling potential to long-form content. Balance visual interest with performance and accessibility considerations.

Logic rules that show, hide, or transform output based on whether specific conditions are met. Conditionals are useful for adapting CMS-driven content to different states or data values.

A plugin focused on CMS operations such as syncing content, transforming fields, or managing collections at scale. CMS plugins help automate repetitive content tasks and integrations.