Flex basis is a CSS property that defines the initial main size of a flex item before any space distribution occurs in a flex container. It acts as the starting point for the flex-grow and flex-shrink properties to adjust the item's size based on the available space and container's dimensions.