Introduction

Fluid Primitives is a headless component library for TYPO3 Fluid. Build accessible, composable UI components like accordions, dialogs, tabs and selects in your Fluid templates, and style them any way you like.

Open an issue if something is unclear, you found a bug or want a feature. You can also reach out via Slack.

Accessible. Keyboard interaction, focus management and ARIA attributes come from Zag.js state machines.

Composable. Assemble a component from small parts in your template and put your own markup between them.

Unstyled. The parts carry no design. Style them with Tailwind, vanilla CSS or whatever your project uses.

Server-rendered. Fluid renders the full markup on the server and TypeScript hydrates it in the browser. The page loads without layout shift and search engines see the content.

• Zag.js - The state machine foundation
• Radix UI - API design inspiration
• Base UI - Component behavior patterns
• Ark UI - Zag.js integration patterns