Recipes

A recipe is a pattern or strategy, not a code dump. Recipes explain how to think about a common need (forms, multi-step flows, modal patterns, data fetching).

The line:

• Components — atoms. <Button>, <Dialog>.
• Blocks — molecules. 30-90 lines of copy-pasteable code.
• Recipes — strategies. “Here’s how to think about complex forms in helix-ui.”

Pick whichever level fits the problem you’re solving.

Catalog

Recipe	About
Forms with react-hook-form + Zod	The canonical helix-ui form story.
Theme switching at runtime	Wiring HelixUIDNAProvider to user preferences.
Multi-format exports	One React tree, rendered to web, PPTX, DOCX.

More recipes (wizards, modals, loading states, optimistic UI, keyboard shortcuts, server actions) are planned — see the roadmap.