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

# Start Guide

> Get an overview of Rover's features and how to use them.

export const SimpleCardGrid = ({children, maxCols = 3}) => {
  return <>
      <style>{`
        @media (min-width: 768px) {
          [data-simple-card-grid="${maxCols}"] {
            grid-template-columns: repeat(${maxCols}, minmax(0, 1fr)) !important;
          }
        }
      `}</style>
      <div data-simple-card-grid={maxCols} className="w-full grid grid-cols-1 gap-3" style={{
    paddingLeft: '1px',
    paddingRight: '1px'
  }}>
        {children}
      </div>
    </>;
};

export const SimpleCard = ({title, description, href = 'https://rover.inc', icon = 'home'}) => {
  return <a href={href} className="bg-white rounded-lg outline outline-1 outline-offset-[-0.5px] outline-black/[0.08] flex flex-col justify-start items-start hover:bg-[#fafafa] shadow-none hover:shadow-none transition-colors duration-200 no-underline w-full border-b-0" style={{
    borderBottom: 'none'
  }}>
      <div className="self-stretch px-4 pt-4 pb-4 md:pb-20 inline-flex justify-start items-center gap-2">
        <div className="w-4 h-4 flex items-center justify-center">
          <Icon icon={icon} size="16" />
        </div>
      </div>
      <div className="self-stretch px-4 pt-4 pb-4 border-t border-black/10 flex flex-col justify-center items-start gap-1">
        <div className="text-neutral-900 text-[14px] font-semibold leading-5" style={{
    fontWeight: 550
  }}>{title}</div>
        <div className="text-neutral-700 text-[13px] font-normal leading-5">{description}</div>
      </div>
    </a>;
};

### Popular

<br />

<SimpleCardGrid maxCols={3}>
  <SimpleCard href="/core/cmd-k" icon="command" title="Command Menu" description="Learn keyboard-driven navigation so you can move through Rover and run actions instantly." />

  <SimpleCard href="/core/tables" icon="table" title="Tables" description="See how to structure, filter, and sort on-chain data in tables tailored to your workflow." />

  <SimpleCard href="/core/views" icon="layer-group" title="Views" description="Create saved views to organize, filter, and share on-chain info for different workflows" />
</SimpleCardGrid>

***

### Rover basics

<br />

<SimpleCardGrid cols={3}>
  <SimpleCard href="/core/detail-pages/transaction" icon="page" title="Transaction Detail Page" description="Inspect a single transaction, see what happened on‑chain, and jump into related addresses and assets" />

  <SimpleCard href="/core/detail-pages/address-detail-page" icon="page" title="Address Detail Page" description="Investigate an address or contract, understand its holdings, and follow its transaction history" />

  <SimpleCard href="/core/detail-pages/asset-detail-page" icon="page" title="Asset Detail Page" description="Explore a token or NFT, review its holders, and track recent on‑chain activity" />

  <SimpleCard href="/core/labels-bookmarks" icon="tag" title="Labels" description="Create labels to categorize on‑chain data so it’s easier to organize and filter across workflows" />

  <SimpleCard href="/core/bookmarks" icon="bookmark" title="Bookmarks" description="Bookmark important on‑chain items so you can quickly return to them and keep context in one place" />

  <SimpleCard href="/core/sharing" icon="arrow-up-from-bracket" title="Sharing" description="Share views and investigations with your team so everyone stays aligned in one unified platform" />
</SimpleCardGrid>