Build with Pathfinder
The components, foundations and patterns behind Commenda.
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
Install Pathfinder, import the stylesheet once, and start with a Button. Component pages pair live previews with copyable code, prop references and design guidance.
Explore the library
- Foundations — Color, typography, spacing and elevation, and motion.
- Components — From inputs and selection to tables, calendars, and dialogs.
- Assets — Search icons, flags, file types, and logos; select an asset to copy its import.
- Guides — Shared conventions, contribution standards, and development skills.
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
Start with /llms.txt to discover component documentation. Use /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.