# Build with Pathfinder

Package: @commenda/pathfinder@0.1.0
Page: /docs

Pathfinder brings Commenda’s visual language to React. Every component ships with typed props, accessible interactions and compiled styles, ready to use in Next.js without an application Tailwind build.

## Start building [#start-building]

[Install Pathfinder](/docs/getting-started/installation), import the stylesheet once, and start with a [Button](/docs/components/button). Component pages pair live previews with copyable code, prop references and design guidance.

## Explore the library [#explore-the-library]

- **Foundations** — [Color](/docs/foundations/color-reference), [typography](/docs/foundations/typography), [spacing and elevation](/docs/foundations/sizing-elevation), and [motion](/docs/foundations/motion).
- **Components** — From [inputs](/docs/components/input) and [selection](/docs/components/select) to [tables](/docs/components/table), [calendars](/docs/components/calendar), and [dialogs](/docs/components/dialog).
- **Assets** — Search [icons](/docs/assets/icons), [flags](/docs/assets/flags), [file types](/docs/assets/file-types), and [logos](/docs/assets/logos); select an asset to copy its import.
- **Guides** — [Shared conventions](/docs/guides/component-conventions), [contribution standards](/docs/guides/contributing), and [development skills](/docs/guides/development-skills).

## Designed for your workflow [#designed-for-your-workflow]

Fumadocs explains when and how to use each component. Storybook provides isolated examples and controls for development. Figma rules and reviewed accessibility adjustments live alongside the component they describe.

Pathfinder supports React 18 and 19, with Next.js Pages and App Router integrations. It currently uses a light theme and is maintained as a workspace package; see installation for the distribution contract.

## For AI tools [#for-ai-tools]

Start with [/llms.txt](/llms.txt) to discover component documentation. Use [/llms-full.txt](/llms-full.txt) for the complete reference or the **Read as Markdown** link on any page for focused context. These endpoints use the same source as this site, including component rules and executable examples.