# REALM Pro

REALM Pro is a paid set of components, page blocks, layouts and themes built with REALM and REALM UI. It is for teams who want a finished dashboard, settings page or data grid instead of building one.

REALM Pro is in **early access**. Buy now at the early price and you get every item as it ships, plus every update in the 1.x series. REALM itself stays free.

<div class="pro-pricing">
  <ui-card>
    <ui-card-header>
      <ui-card-title level="2">Personal</ui-card-title>
      <ui-card-description>For one developer.</ui-card-description>
    </ui-card-header>
    <ui-card-content>
      <p class="price">$149</p>
      <p class="was">Early access. Full price will be $249, paid once.</p>
      <ul>
        <li>Every Pro component, block, layout and theme</li>
        <li>Unlimited projects, including client work</li>
        <li>Every 1.x update</li>
      </ul>
      <a class="action primary" href="https://buy.polar.sh/polar_cl_LGiAIgKHE9dVha4DOPmnF8UnAL8r6P0JDtOl81VgV0b">Get early access <u-icon name="arrow-right"></u-icon></a>
    </ui-card-content>
  </ui-card>
  <ui-card>
    <ui-card-header>
      <ui-card-title level="2">Team</ui-card-title>
      <ui-card-description>For up to 10 developers.</ui-card-description>
    </ui-card-header>
    <ui-card-content>
      <p class="price">$499</p>
      <p class="was">Early access. Full price will be $749, paid once.</p>
      <ul>
        <li>Everything in Personal, for up to 10 developers</li>
        <li>Priority support</li>
        <li>Every 1.x update</li>
      </ul>
      <a class="action primary" href="https://buy.polar.sh/polar_cl_i06D1Rh91CpXAmLf2X0FLbwPxlVkuR2wjpIuz0x3y2Y">Get early access for your team <u-icon name="arrow-right"></u-icon></a>
    </ui-card-content>
  </ui-card>
</div>

Payments are handled by [Polar](https://polar.sh), which takes care of sales tax and VAT. Every purchase can be refunded within 14 days.

## What is coming

The first release has 250 items: what free libraries rarely ship, and the pages most apps need. Items ship in batches and appear in your download as soon as they are ready.

| Kind | In the first release |
| --- | --- |
| Components | A data grid that scrolls through 100,000 rows with sorting, filtering, column resizing, pinning, selection and editing; a date range picker with presets; a flipbook with a 3D page turn |
| Blocks | About 190: stats, data tables with filters and bulk actions, settings, billing, team, activity feeds, notifications, onboarding, empty states, sign-in, sign-up, password reset, one-time codes, heroes, features, pricing, testimonials, FAQs, headers, footers, logo clouds, calls to action and cookie consent |
| Layouts | 30 whole pages: dashboards, settings, authentication, landing pages and docs |
| Themes | 28 colour themes, each with light and dark modes and checked contrast |

After launch, the 1.x series adds a scheduler, an advanced charts pack, a kanban board, a gallery, a product tour, a rich text editor, and e-commerce, inbox and file browser blocks.

Every item follows the same rules as REALM UI: one `<custom-element>` per component, native HTML first, theme tokens for every size and colour, keyboard and screen reader support, and tests in Chromium, Firefox and WebKit.

## How you get it

- **A download with REALM Pro Studio.** A zip of every item, from your Polar customer portal. Run `bun run studio` in it to browse, search and preview every item at desktop and phone widths in light or dark mode, try your colours, copy code, and add items to your project. It works offline: REALM and REALM UI are inside.
- **An npm package.** `@realmorg/pro` from GitHub Packages, for projects with a build step.
- **The source.** Read access to the private `realmorg/realm-pro` repository on GitHub.

## What stays free

REALM, REALM UI, Unicons, the Vite plugin, the docs and the agent skill stay free and open source under the MIT licence. Pro adds finished pieces on top. It never locks a feature that REALM has today.

## Frequently asked questions

<ui-accordion type="multiple" class="faq">
  <ui-accordion-item>
    <ui-accordion-trigger>What does early access mean?</ui-accordion-trigger>
    <ui-accordion-content>REALM Pro is being built now. You pay the lower early-access price once, and every item appears in your download as it ships, with every update in the 1.x series. If it is not for you, ask for a refund within 14 days.</ui-accordion-content>
  </ui-accordion-item>
  <ui-accordion-item>
    <ui-accordion-trigger>Is it a subscription?</ui-accordion-trigger>
    <ui-accordion-content>No. You pay once. Every 1.x update is included, and the versions you received keep working forever. When REALM Pro 2 comes, 1.x owners can upgrade at a discount.</ui-accordion-content>
  </ui-accordion-item>
  <ui-accordion-item>
    <ui-accordion-trigger>Can I use REALM Pro in client projects?</ui-accordion-trigger>
    <ui-accordion-content>Yes. Each licensed developer can use it in unlimited projects for themselves, their employer or their clients, including commercial ones. You may not resell or publish the Pro source, or use it to make a competing component library or template product.</ui-accordion-content>
  </ui-accordion-item>
  <ui-accordion-item>
    <ui-accordion-trigger>Do I need a build step or a framework?</ui-accordion-trigger>
    <ui-accordion-content>No. Pro items are REALM components, so they work like the rest of REALM: copy the files into your site and load them with one tag. They work in pages rendered by any server and next to any framework that supports custom elements.</ui-accordion-content>
  </ui-accordion-item>
  <ui-accordion-item>
    <ui-accordion-trigger>Which browsers are supported?</ui-accordion-trigger>
    <ui-accordion-content>The same as REALM: current Chrome, Edge, Firefox and Safari. Every item is tested in Chromium, Firefox and WebKit.</ui-accordion-content>
  </ui-accordion-item>
  <ui-accordion-item>
    <ui-accordion-trigger>Who sells REALM Pro?</ui-accordion-trigger>
    <ui-accordion-content>REALM Pro is sold by Taraxa Studio through Polar, which handles payment, tax and your receipts.</ui-accordion-content>
  </ui-accordion-item>
</ui-accordion>
