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.

An image format made of a grid of colored pixels where quality degrades when scaled up, common formats include PNG and JPEG. Bitmaps excel at photographs and complex imagery but become pixelated at larger sizes. Use vector formats for logos and icons that need to scale across different contexts.

Embeddings are numerical vectors that capture semantic meaning, enabling similarity search, clustering, and retrieval workflows.

Related AI terms: CLIP and Textual Inversion.

A Vector Database is optimized for indexing and querying high-dimensional vectors, commonly used for RAG and semantic search.

Framer’s vector tools let designers craft visual assets in place, keeping illustrations, masks, and interface details editable alongside the rest of the site.

In Framer, SVG animations can add lightweight motion to icons, illustrations, logos, and interface details while keeping visuals crisp at any size.

In Framer, optimized SVGs help maintain crisp visuals while reducing unnecessary markup, file size, and rendering cost on published pages.