Warning: You are browsing the documentation for PrestaShop 1.7, which is outdated.
You might want to read an updated version of this page for the current version, PrestaShop 8. Read the updated version of this page
The UIKit is a project extending Bootstrap 4 in order to provide some components with PrestaShop’s colors. You can see every component on this page.
We use it by adding it into our npm dependency, and then you’ve multiple possibilities to use it.
Some components are not provided from Bootstrap, they have been done for our own use, here is a list of them:
It’s mainly used on migrated pages, legacy pages rely on Bootstrap 3 for the moment and are not using UIKit at all. UIKit can also be used inside modules, even if they are on legacy pages, by overriding styles inside their particular markup.
You can contribute to UIKit on its own repository but keep in mind that your changes won’t be effective until we provide a new release on npm and your changes won’t be effective on the PrestaShop project until we update the dependency inside the new-theme directory.