All coded components are available in the SFUI Figma file.

Base Components

Fully accessible UI components, designed to integrate beautifully with Tailwind CSS and Vue.

Base Components are the building blocks of Storefront UI. They are components that you'll want to use in almost every project, and they are designed to be as flexible as possible.

They're built with accessibility in mind, and are used in Block Components to create more complex UIs.

Watch the video below to learn more about the design philosophy behind Storefront UI's Base Components and Blocks.