For Zip Reader:
1. Place the "Zip Reader" element on your page:

2. Drag the "Zip Reader" element from the plugin list onto your page.

3. 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.

4. 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.

5. 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).


For Zip Generator:
1. Use the action zip files
2. Seperate the files urls using comma
3. or Directly mention the files in database or Option sets