Place the "Zip Reader" element on your page:
Drag the "Zip Reader" element from the plugin list onto your page.
Read the zip file using the action "Zip Read":

Create a workflow to trigger the "Zip Read" action. Typically, this would be linked to a button or file upload event where the user selects the zip file to be read.
Display the exposed states:

The "Zip Reader" element exposes the following states:

names_of_files
base_64_files
zip_name
zip_size
zip_last_modified
To display these states, use text elements or any other relevant UI elements on your page and bind them to the respective exposed states of the "Zip Reader" element. For example:

For displaying file names: Bind a text element to the
names_of_files
state.
For displaying zip file details: Bind a text element to the
zip_name
,
zip_size
, and
zip_last_modified
states.
Preview images from the zip file:

Place a Repeating Group on the page to show the images extracted from the zip file.
Set the Data Source of the Repeating Group to the
base_64_files
state of the "Zip Reader" element.
Display the images:

Inside the Repeating Group, add an Image element to display each image.
For the image source, pass the following dynamic value:

data:image/png;base64,Parent's group text
(replace "Parent's group text" with the actual text field that holds the base64-encoded image data).