Introduction

A calm foundation for React interfaces.

Flood provides original React components, semantic CSS tokens and versioned instructions for coding agents. Start with the guide for your task:

The website renders these guides at /docs and provides live examples at /components. Edit the Markdown here and review changes through a pull request; the next website build includes them without a separate content service.

Guide	What it covers
Skills	Task-focused composition and verification workflows
Interface content	Editorial decisions, purposeful copy and contextual reference adaptation
Installation	React, Next.js, CLI setup and manual installation
Project UI	Optional semantic @/ui/button imports in your application
Layout	Intrinsic actions, responsive forms, choice sizing, gaps and hierarchy
Components	Available controls, props and form composition
Base component inventory	Available primitives and controls in the base release
Customization	Scoped dark foundations overrides and legacy theme boundaries
Foundations	Typed semantic tokens and neutral dark profile for 0.2.10
Agents	Installing and using the matching agent instructions
Agent knowledge	Versioned discovery, selected reads and preserved project guides
FAQ	Compatibility, customization, updates and common problems
Command palette	Compose Dialog and CommandList with host-owned actions
Table bulk actions	Controlled cross-page selection and local confirmation
Grouped form	Shared tracks, semantic groups and optional fields

Versions

This branch documents version 0.2.10; source availability does not establish npm publication. Use matching exact versions of the Flood packages. Documentation on main can describe later work; the release tags preserve the source and docs for each release. Installed flood/DESIGN.md takes precedence over website guidance when working in an existing project.

Contributing

See CONTRIBUTING.md, architecture, releases and the security policy.

Page Markdown Agent skill