mui / mui/base-ui

[discussion] Base UI Integration with SolidJS?

Open
#2,200 14 comments 100 reactions 0 assignees View on GitHub
discussion scope: all components scope: new proposal type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

I’m Rick and I’m very interested in the potential of Base UI. I’m opening this issue to discuss the possibility of integrating or adapting Base UI components to work *seamlessly* with the SolidJS framework. My primary goal is to explore how Base UI’s *headless* components can be leveraged outside of the React ecosystem, broadening its use case.

I believe that Base UI’s powerful *headless* capabilities make it an ideal candidate for use with other *frontend* frameworks. Many non-React projects need a flexible, accessible UI foundation without being tied to a specific visual implementation. With this integration, developers using SolidJS can benefit from proven components and focus on their application-specific *styling* and *logic*, reducing *boilerplate* and increasing consistency.

Broadly speaking, I envision a lightweight adapter layer that would translate *props* and *events* from Base UI to the SolidJS paradigm(fine-grained reactivity). Possible challenges I anticipate include component *lifecycle* management, *state management* (signals) across *frameworks*, and ensuring accessibility is maintained. Are there any existing patterns or *guidelines* for this type of integration that I can learn from?

Does the team have any thoughts or plans regarding future support for non-React *frameworks*? I am very excited to collaborate on this effort and would like to hear if there is any initial interest or advice from the team on how to get started with this kind of adaptation project. I am open to diving into the technical details and contributing if this aligns with the Base UI *roadmap*.

Thanks for your time and attention!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.