Introduction
Fluid Primitives is a headless component library for TYPO3 that allows developers to create flexible and reusable UI components using the Fluid templating engine. It promotes a composable approach to building user interfaces, making it easier to manage and maintain complex layouts.
It provides fully accessible and customizable primitives thanks to Zag.js as barebones.
Under Construction
Fluid Primitives is currently in early development. Expect breaking changes in minor releases until 1.0 is ready! We’re actively working on new components and features, so stay tuned!
Motivation
Fluid Primitives was created because there was no elegant solution for building robust, composable components in TYPO3 Fluid. The composition approach is inspired by the broader frontend web ecosystem, particularly Radix Primitives.
We also aimed to provide a seamless experience while solving the challenge of connecting DOM nodes between client and server-rendered markup. No more rootEl.querySelector('[data-my-long-component-part]').