NextGuide

Component catalog

Live components with matching copyable source, bundled directly in NextGuide.

The component catalog

This is the actual NextGuide component library—not a list of components users must copy from another UI system. The previews on these pages render the same JSX as the code samples.

Install the complete component libraryShell
bun add nextguide@alpha
import { Button, Card, Dialog, Tabs } from "nextguide/ui"
import { CodeWindow, CodeTabs, FileTree } from "nextguide/blocks"
import "nextguide/styles.css"
Code windowsTabbed, copyable command and source panelsFile treesExpandable folders and custom file iconsButtons & feedbackButtons, badges, alerts and progressForms & inputsLabeled controls and selectsTabs & accordionAccessible sectionsDialogs & overlaysModal and popup surfacesTables & navigationTables and breadcrumbsDocumentation blocksCallouts, steps and cardsAll exportsEvery public UI and docs block export

The public package includes normal React/Next.js TypeScript definitions. Import only the components you use. Account administration and rich-editor components are not shipped yet; this page does not present them as working.