> ## Documentation Index
> Fetch the complete documentation index at: https://ramps-09-17-encode-card-status-field-dependency.mintlify.site/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 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'].filter(Boolean).join(' ');
  const card = <div className={className}>
      {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-09-17-encode-card-status-field-dependency/F78wz4uwl-zr9Rx-/images/heroes/hero-what-is-grid-light.svg?fit=max&auto=format&n=F78wz4uwl-zr9Rx-&q=85&s=93ad8d337b6beebf1c12cd2ff1cb8fad" 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-09-17-encode-card-status-field-dependency/F78wz4uwl-zr9Rx-/images/heroes/hero-what-is-grid-dark.svg?fit=max&auto=format&n=F78wz4uwl-zr9Rx-&q=85&s=d608acac3fc94a9d7ceb93d02d2179f3" 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

Our APIs are intentionally low-level, giving developers, institutions, and businesses control over what they build. Fiat, stablecoins, or other digital assets.

Developers use them for things like issuing cards, creating virtual accounts and wallets, collecting payments, and sending payouts. You might receive stablecoins and pay out pesos to a bank account, or let customers spend from an account with a card.

The APIs work across assets and payment rails. We expose the primitives for moving money between accounts, wallets, and sources of liquidity around the world. You decide how to put them together.

Have something else in mind? [Contact our team](https://www.lightspark.com/contact) to explore what's possible for your use case.

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