The headless component library for TYPO3 Fluid
Unstyled, flexible and accessible UI Primitives that provide a foundation for building your own component library in Fluid.
example
<ui:popover.root>
<ui:popover.trigger asChild="{true}">
<ui:button>Open Popover</ui:button>
</ui:popover.trigger>
<ui:popover.content>
<ui:popover.title>Popover Title</ui:popover.title>
<ui:popover.description>
This is the popover description.
</ui:popover.description>
</ui:popover.content>
</ui:popover.root>
why
Zero Styles
No fighting with predefined styles, you have full control over the design. Your design-system, your rules.
Read more about Styling
Composable
Create complex components by composing modular building blocks together.
Read more about Composition
Accessibility
Built with accessibility in mind, ensuring a better experience for all users.
Read more about Accessibility
components
Fugiat adipisicing dolor ut irure. Ut aute Lorem labore est aute quis officia quis consectetur in amet id velit dolore. Occaecat labore adipisicing nostrud veniam. Eu non tempor ipsum. Sunt irure enim enim sint magna laboris ex tempor excepteur nulla est amet culpa. Voluptate esse aliquip veniam eu qui aute culpa ea irure eiusmod labore esse quis. Laboris sit cupidatat labore cillum veniam tempor commodo magna ullamco sunt velit dolore eu.
Est nulla commodo laboris velit ipsum dolore. Magna id anim Lorem labore minim aute irure laboris. Velit elit duis exercitation duis mollit enim cupidatat consectetur mollit non officia deserunt fugiat do deserunt. Pariatur deserunt enim reprehenderit deserunt incididunt magna culpa duis officia aute eu. Occaecat officia est quis nulla minim amet occaecat cillum sunt excepteur. Nisi reprehenderit mollit cupidatat et elit commodo veniam consectetur. Commodo irure amet ullamco consequat nostrud Lorem pariatur.
And much more! Check out the full list of components.