Skip to main content

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.

​
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.
  • 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