Introduction

Why This Documentation? #

PrestaShop provides a complete set of reusable UI components matching PrestaShop brand identity and based on the PrestaShop Design System that can be used throughout the PrestaShop ecosystem.

• Its first version, the PrestaShop UIKit, relied on the Bootstrap 4 framework (see the related documentation and storybook).

• The latest version, named PUIK, is now based on Tailwind CSS, a framework providing basic classes for frontend components (see the related documentation and storybook).

The purpose of this documentation is to help you migrate from the PrestaShop UIkit (initial version) to PUIK (latest version).

Performing the Migration #

For each component, you can either use Vue.js or the CSS classes from the theme.

Start by preparing your environment by following the installation documentation for Vue.js or the CSS classes.

Then, access the pages corresponding to the components you are currently using to know more on how to upgrade each of them.