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

# What is Grid?

export const FeatureCardContainer = ({children}) => <div className="not-prose feature-card-container">
    {children}
  </div>;

export const FeatureCardList = ({children}) => <div className="not-prose feature-cards-list">
    {children}
  </div>;

export const FeatureCardGrid = ({cols = 3, children}) => <div className={`not-prose feature-cards-grid feature-cards-cols-${cols}`}>
    {children}
  </div>;

export const FeatureCard = ({icon, title, children, href, linkHref, linkText, color, tag, tagPosition, layout, variant, iconSize}) => {
  const isHorizontal = layout === 'horizontal';
  const isFlat = variant === 'flat';
  const isLargeIcon = iconSize === 'lg';
  const isInlineTag = tagPosition === 'inline';
  const card = <div className={`feature-card ${href ? 'feature-card-link' : ''} ${!icon ? 'feature-card-no-icon' : ''} ${isHorizontal ? 'feature-card-horizontal' : ''} ${isFlat ? 'feature-card-flat' : ''} ${isLargeIcon ? 'feature-card-icon-lg' : ''}`}>
      {icon && <div className="feature-card-icon-wrapper">
          {color ? <div className="feature-card-icon" style={{
    WebkitMaskImage: `url(${icon})`,
    maskImage: `url(${icon})`,
    backgroundColor: color,
    width: '24px',
    height: '24px',
    WebkitMaskSize: 'contain',
    maskSize: 'contain',
    WebkitMaskRepeat: 'no-repeat',
    maskRepeat: 'no-repeat'
  }} /> : <img src={icon} alt="" className="feature-card-icon" />}
        </div>}
      <div className="feature-card-content">
        {isInlineTag ? <div className="feature-card-title-row">
            <span className="feature-card-title">{title}</span>
            {tag && <span className="feature-card-tag">{tag}</span>}
          </div> : <div className="feature-card-title">{title}</div>}
        <div className="feature-card-desc">{children}</div>
        {tag && !isInlineTag && <div className="feature-card-tag-row"><span className="feature-card-tag">{tag}</span></div>}
        {linkText && <div className="feature-card-link-row">
            {linkHref ? <a href={linkHref} className="feature-card-text-link" style={{
    color: color
  }}>
                {linkText}
              </a> : <span className="feature-card-text-link feature-card-coming-soon" style={{
    color: color,
    opacity: 0.6
  }}>
                {linkText}
              </span>}
          </div>}
      </div>
    </div>;
  return href ? <a href={href} className="feature-card-anchor">{card}</a> : card;
};

<img src="https://mintcdn.com/ramps/iSnT-NB4iMMUe72B/images/heroes/hero-what-is-grid-light.svg?fit=max&auto=format&n=iSnT-NB4iMMUe72B&q=85&s=7ed2fce85c971d952d67efab258b99fc" alt="What is Grid hero" className="block dark:hidden" style={{ width: '100%', borderRadius: '8px', marginBottom: '24px' }} width="1230" height="530" data-path="images/heroes/hero-what-is-grid-light.svg" />

<img src="https://mintcdn.com/ramps/iSnT-NB4iMMUe72B/images/heroes/hero-what-is-grid-dark.svg?fit=max&auto=format&n=iSnT-NB4iMMUe72B&q=85&s=332f54e1428e04b637905c255f7c4d7d" alt="What is Grid hero" className="hidden dark:block" style={{ width: '100%', borderRadius: '8px', marginBottom: '24px' }} width="1230" height="530" data-path="images/heroes/hero-what-is-grid-dark.svg" />

Grid is a low-level payment infrastructure API that enables modern financial institutions, businesses, or any developer to send, receive, and settle value globally across fiat currencies, stablecoins, and Bitcoin. With a single, simple API, you can build applications that move money instantly across borders without the complexity of orchestrating multiple payment rails or currencies.

## Features

<FeatureCardContainer>
  <FeatureCardList>
    <FeatureCard icon="/images/icons/code.svg" title="One API" layout="horizontal" variant="flat">
      Move money anywhere. Fiat to fiat, crypto to fiat, or the other way around, all through a single API.
    </FeatureCard>

    <FeatureCard icon="/images/icons/globe.svg" title="Global Coverage" layout="horizontal" variant="flat">
      Send and receive across 65+ countries using local instant rails or global crypto rails.
    </FeatureCard>

    <FeatureCard icon="/images/icons/lightning.svg" title="Real-Time Settlement" layout="horizontal" variant="flat">
      Instant, 24/7/365. Powered by Bitcoin and local payment networks.
    </FeatureCard>

    <FeatureCard icon="/images/icons/shield.svg" title="No Crypto Headaches" layout="horizontal" variant="flat">
      We handle all the on-chain logic, wallet ops, and conversions so you don't have to.
    </FeatureCard>
  </FeatureCardList>
</FeatureCardContainer>

## What to build

Grid's APIs are intentionally low-level, giving developers, institutions, and businesses full control to build any payment flow. Fiat, crypto, or both.

Whether you're receiving Bitcoin or sending dollars as pesos to a bank account, the APIs stay completely unopinionated; you decide the flow. Each path has its own nuances, and our team can help you design the best one for your use case.

<Tabs>
  <Tab title="Cross-Border Payments">
    * **Remittances**: Move money across countries in local currencies using the best available rails and FX routes.
    * **B2B Payments**: Pay vendors or partners abroad with real-time settlement and transparent fees.
    * **Payroll**:  Send global salaries or contractor payouts with locked exchange rates.
    * **Marketplace Payouts**: Distribute earnings to sellers or service providers worldwide in seconds.
  </Tab>

  <Tab title="Stablecoin Payments">
    * **Stablecoin Payouts**: Send a stablecoin to users, wallets, or bank
      accounts directly. - **Global USD Account**: Let users hold a stable USD
      balance anywhere in the world. - **Orchestration**: Convert liquidity between
      stablecoins and fiat automatically. - **Treasury**: Hold business reserves in
      stablecoins with instant conversion to local currency when needed.
  </Tab>

  <Tab title="Bitcoin Payments">
    * **Buy & Sell Bitcoin**: Enable users to buy or sell Bitcoin instantly inside
      your app. - **Rewards**: Offer instant Bitcoin cashback for actions or
      purchases. - **Merchant Settlement**: Accept Bitcoin and auto-convert to fiat
      on the fly.
  </Tab>
</Tabs>

## Next steps

<FeatureCardGrid cols={2}>
  <FeatureCard icon="/images/icons/blocks.svg" title="Entities & Relationships" href="/platform-overview/core-concepts/entities">
    Understand Grid's core data model and how entities relate to each other
  </FeatureCard>

  <FeatureCard icon="/images/icons/arrow-left-right.svg" title="Quote System" href="/platform-overview/core-concepts/quote-system">
    Learn how exchange rates, pricing, and payment execution work
  </FeatureCard>

  <FeatureCard icon="/images/icons/bank.svg" title="Account Model" href="/platform-overview/core-concepts/account-model">
    Explore internal and external accounts and how they work together
  </FeatureCard>

  <FeatureCard icon="/images/icons/repeat.svg" title="Transaction Lifecycle" href="/platform-overview/core-concepts/transaction-lifecycle">
    Follow a payment from creation through settlement
  </FeatureCard>

  <FeatureCard icon="/images/icons/globe.svg" title="Currencies & Payment Rails" href="/platform-overview/core-concepts/currencies-and-rails">
    View supported currencies, countries, and payment methods
  </FeatureCard>
</FeatureCardGrid>