All coded components are available in the SFUI Figma file.

Vue Blocks

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

Alert

5 blocks

Banners

4 blocks

Breadcrumbs

3 blocks

Card

3 blocks

Checkout

4 blocks

Combobox

1 blocks

Filters

8 blocks

Footer

1 blocks

Gallery

4 blocks

MegaMenu

2 blocks

NavbarBottom

2 blocks

NavbarTop

2 blocks

NewsletterBox

1 blocks

OrderSummary

1 blocks

Pagination

1 blocks

ProductCard

3 blocks

QuantitySelector

3 blocks

Review

2 blocks

Search

3 blocks

SelectDropdown

5 blocks