> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pagifye.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer Components

> Build faster with Pagifye’s modular, responsive Framer components designed for smooth editing, flexible layouts, and clean responsiveness.

<iframe src="https://www.youtube.com/embed/EOJDm2AnR54" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## **Choose the Right Starter Package**

* Select and remix the right starter package based on the UI component library you want to build.
* This helps you keep your project structure aligned from the beginning.
* Start with the package that best matches your design direction and layout system.

## **Set Up Breakpoints in Framer**

* Open your Framer project.
* Set up the default breakpoints for:
  * Desktop
  * Tablet
  * Mobile

These breakpoints help keep your components responsive and consistent across different screen sizes.

## **Copy and Paste Components**

* Go to the **Pagifye website or plugin** and copy the components you want to use.
* Paste them directly into your Framer project canvas.

Each component includes three responsive variants:

* Desktop
* Tablet
* Mobile

To make sure everything works properly:

* Review the **Tablet** breakpoint
* Review the **Mobile** breakpoint
* If the variants dosen’t match switch to the matching variant for the correct layout and behavior

This ensures every section stays accurate across all devices.

## **Unlink and Customize**

* Open the pasted component inside Framer.
* Unlink it from the original source.

Once unlinked, you can fully customize it as your own component and adapt it to your project needs.

Now you can:

* Edit content freely
* Adjust layout and spacing
* Customize styles and structure
* Reuse components across pages
* Build responsive pages faster with less manual work

Every component is made to stay flexible, so you can customize without losing the layout structure.

**That’s It!**

You’re now ready to build with **Pagifye + Framer**.\
All components are designed to be:

* Flexible
* Responsive
* Easy to customize