Symfony twig components
that work

The foundation for your design system

Beautiful, headless Twig components that you configure instead of fork. Keep your styling, get automatic updates, maintain zero technical debt.

Built for teams who refuse to compromise

CSS-agnostic by design

Use Tailwind, daisyUI, or custom CSS. All styling in config files, no vendor forking.

Override without fork

Customize via config, keep getting upstream updates. Change markup only when needed.

Accessible, headless primitives

Keyboard navigation, focus management, ARIA built-in. You control styling, we handle behavior.

Upstream updates, zero drift

Get fixes and features automatically. No painful merges, no drift.

Built for the Symfony ecosystem

Twig components designed specifically for Symfony applications.

Why use this (and for whom)

For Symfony teams who want a maintainable design system

Own your styling locally, keep behavior upstream. No copy-paste, no stale forks.

No vendor forking
Local branding control
Upstream updates
Maintainable code

For agencies and product teams shipping long-lived apps

Reduce maintenance costs. Evolve styling via config, keep accessibility upstream.

Reduce tech debt
Lower maintenance
Always accessible
Config-driven styling

We ship shadcn/ui themes, but with a different vision

We include shadcn/ui styling themes because they're widely used and loved.
But we take a different approach: configuration over copy-paste for long-term maintainability.

Copy-paste approach

One valid philosophy

Full control over code
Immediate customization
Manual maintenance required
Updates need manual merging
Your codebase after 6 months:
components/ui/button.tsx (outdated)
components/ui/dialog.tsx (accessibility issue)
components/ui/form.tsx (missing features)
Manual updates required

Headless + config approach

Our vision

Always up-to-date
Automatic updates
Config-driven styling
Zero vendor lock-in
Your codebase :
styles/button/button.[optionalTheme].yaml (your styling)
vendor/harmonyui/... (auto-updated)
Security & features (automatic)
composer update = latest version
Configuration over duplication
Maintain less, achieve more

Get started in minutes

Terminal
composer require harmonyui/ui-bundle