Vue
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