A mathematically defined curve used in vector graphics and animation, controlled by anchor points and handles that determine its shape. Understanding bezier curves helps create smooth, natural-feeling animations and custom easing functions. Framer’s animation curves use bezier mathematics to control the acceleration and deceleration of motion.

A JSON-based animation format that renders Adobe After Effects animations on the web with small file sizes and infinite scalability. Lottie animations are lightweight, vector-based, and highly customizable through JavaScript. Import Lottie files into Framer for sophisticated animations without performance penalties.

Scalable Vector Graphics—an image format using mathematical paths instead of pixels, staying crisp at any size. SVGs are perfect for logos, icons, and illustrations that need to scale across different screen sizes and densities. Framer supports SVG import and handles them optimally for web delivery.

Framer’s enhanced vector editing capabilities with improved path manipulation and boolean operations. Vectors 2.0 enables more sophisticated graphic creation directly within Framer. Use vector tools for icons, illustrations, and custom shapes.

Methods for combining shapes using union, subtract, intersect, or exclude operations to create complex vector graphics from simple shapes. These powerful tools enable creating custom icons, logos, and decorative elements without external software. Boolean operations are non-destructive in most design tools, allowing later modifications.

The number of pixels displayed on screen, typically expressed as width by height, affecting image sharpness and detail. Higher resolution requires appropriately sized assets to appear crisp. Design with resolution independence in mind using vector graphics where possible.