# Components

### <mark style="color:purple;">Starting Point: Prebuilt Components</mark>

Your journey begins with our prebuilt components. These non-styled, raw building blocks are designed to be your canvas. Each component comes equipped with the necessary attributes and values to ensure seamless integration between Penni Cart and Webflow. This approach significantly accelerates your design process, allowing you to focus on customization without worrying about the technicalities of integration.

### <mark style="color:purple;">Dive Into Customization</mark>

You have complete control over design, function, and layout, transforming the shopping experience for your customers. Match every aspect of your store to your unique vision, from the product page to checkout. Here's how you can customize each key part:

* [<mark style="color:purple;">**Product Page**</mark>](/components/product-page.md)
* [<mark style="color:purple;">**Cart**</mark> ](/components/bag.md)
* [<mark style="color:purple;">**Bag**</mark>](/components/cart.md)
* [<mark style="color:purple;">**Checkout**</mark>](/components/checkout.md)

### <mark style="color:purple;">Streamlining Your Design Process</mark>

Starting with our prebuilt components not only provides a solid foundation for your template but also guarantees that you're utilizing the correct attributes for flawless Penni Cart functionality. Should you ever remove an element by mistake or wish to tweak a specific component, fear not. You can easily reintegrate the component or consult our documentation for the required attributes.

By leveraging the Penni Cart App within Webflow, you're not just creating a template; you're crafting a shopping revolution. Use our docs, attributes guides, and instructional videos as your resources to turn your e-commerce dreams into reality.

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.pennicart.io/components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.