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

# Getting Started with Pagifye

> A quick overview to Pagifye.

## **Introduction to Pagifye**

Welcome to **Pagifye** — your toolkit for building websites, landing pages, and digital products faster. Instead of spending hours designing from scratch, Pagifye gives you a rich library of **ready-made UI components** that integrate with your favorite tools: **Figma, Webflow, Tailwind** **CSS** & **Framer**. Whether you’re sketching a wireframe, designing a polished interface, or coding a custom site, Pagifye helps you move from idea to launch with speed and consistency.

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

## **Why Pagifye?**

Designing and building websites can feel repetitive—rebuilding layouts, ensuring responsiveness, and keeping designs consistent across platforms. Pagifye solves this by providing:

* **Pre-built, responsive components** with countless variations hero banners, pricing tables, and testimonials.
* **Cross-platform compatibility** so the same assets work in Figma, Webflow, and Tailwind.
* **Customization flexibility** letting you adapt layouts and styles to fit your brand.
* **Costs less than a template** while offers thousands of components for different brand languages.

This way, you spend less time reinventing the wheel and more time focusing on creativity & outcomes.

## **Who It’s For**

Pagifye is designed for different types of creators:

* **Designers** → accelerate your workflow with reusable UI kits and maintain design consistency.
* **Developers** → use clean, production-ready Tailwind components that save time.
* **No-Code Builders** → assemble professional sites quickly with Webflow or Framer ready components.
* **Agencies & Teams** → Validate ideas using wireframes & deliver projects faster while keeping a consistent visual identity.

## **How It Works**

At its core, Pagifye is a **plug-and-play component library**. Each component is designed to be responsive, adaptable, and consistent across platforms. Depending on your workflow, you can:

* Use **Figma** to wireframe and design with pre-built UI kits.
* Build in **Webflow** with components that fit no-code workflows.
* Code using **Tailwind CSS**, with responsive, scalable component sets.
* Integrate with **Framer** for a seamless design-to-launch experience.

This flexibility creates a smooth handoff between design and development, helping teams work in sync & yield results in moments.

## **Getting Started**

It’s simple to begin:

1. **Start Free** → browse and test Pagifye’s free library.
2. **Pick your workflow** → choose Figma, Webflow, or Tailwind depending on your objective.
3. **Import and customize** → copy, paste and edit to match your project’s branding.
4. **Upgrade for full access** → unlock the complete component library anytime & unlock full access to theme variations, library and wireframe kits.

With Pagifye, you don’t need to start from zero again. Instead, you begin with a strong foundation—saving time, maintaining consistency, and delivering polished results faster. 

Our documentation is divided into several sections, each dedicated to a specific aspect of Pagifye. Here’s a quick overview:

### Quick Start

<Columns cols={2}>
  <Card title="Create An Account" icon="user-plus" href="https://docs.pagifye.com/documentation/create-an-account">
    Create a free Pagifye account to get started.
  </Card>

  <Card title="Pricing & Packages" icon="badge-percent" href="https://docs.pagifye.com/documentation/pricing">
    Access Pagifye with the plan that fits you.
  </Card>
</Columns>

### Setup Guide

<Columns cols={2}>
  <Card title="Pagifye for Webflow" color="#07c480" icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#07c480" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left-icon lucide-panels-top-left"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>} iconType="regular" href="https://docs.pagifye.com/documentation/using-components-in-webflow">
    Boost your webflow projects with Pagifye.
  </Card>

  <Card title="Pagifye for Figma" icon="figma" href="https://docs.pagifye.com/documentation/using-components-figma">
    Design faster with Pagifye components.
  </Card>
</Columns>

<Columns cols={2}>
  <Card title="Pagifye for Tailwind" icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#07c480" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-app-window-icon lucide-app-window"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M10 4v4"/><path d="M2 8h20"/><path d="M6 4v4"/></svg>} href="https://docs.pagifye.com/documentation/using-pagifye-with-tailwind-css">
    Plug-and-play Tailwind UI with Pagifye.
  </Card>
</Columns>

### Tips

<Columns cols={3}>
  <Card title="Tips & Suggestions" icon="gift" href="https://docs.pagifye.com/documentation/tips-and-suggestions">
    Essential Pagifye tricks & best practices.
  </Card>

  <Card title="Support & Updates" icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#07c480" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand-helping-icon lucide-hand-helping"><path d="M11 12h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 14"/><path d="m7 18 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 13 6 6"/></svg>} href="https://docs.pagifye.com/documentation/support">
    Get our support & keep updated.
  </Card>

  <Card title="Affiliate Program" icon="share" href="https://docs.pagifye.com/documentation/affiliateprogram">
    Stay updated with  affiliate program.
  </Card>
</Columns>
