How about officially supporting Solid.js?

[Souvlaki42]

I was wandering how about adding support for Solid.js? Is the closest alternative to React that I can think of. I was trying to migrate my React app using Shadcn UI to Solid.js and the only real problem I faced is that the custom components I was previously using had some React specific features like HTMLAttributes and forwardRef. There is already an unofficial port for Solid I just need something more official if possible.

Edit: React 19 and Next 15, deprecated forwardRef which could make the transition easier but it would still be nice for an official port to exist. Also this is one of the reasons as of why we need a framework agnostic way to build libraries nowadays.

[unomaas]

Bumping this, cause it's something I would also love to see! 🥳

[Yanxi-Tao]

+1

[totorofly]

+1

[BenjaminLindberg]

Very good idea! I'd also love to see ShadCN for SolidJS.

[whoiscarlo]

+1 Couldn't agree more!

[paxee]

This would be awesome!

[md-owes]

Any update from the maintainers of this repo?

[claughinghouse]

There are alternatives out there but the component parity is lacking. Really hopeful for official support!

https://www.solid-ui.com
https://shadcn-solid.com

[iitsg]

Would love this as well!

[InfinitlyUndefined]

Reporting here for official SolidJS support. It'd be awesome and open lots of doors. While there are good alternatives they are still lacking.

[Ayothegod]

+1
This package is really needed

[Ycg709jj]

+1

[dinesh-hills]

Would love to! +1

[leookun]

The concept of solid.js coincides with shadcn-ui. A natural couple. looking forward to official support！

[agustfricke]

Would love this! +1

[nferreira1]

+1

[mixlette]

@Souvlaki42 @shadcn can we lock this conversation which is basically an endless flow of +1? Thank you.

[0-don]

no +1

[ARMC0DE]

+1

[dmit4git]

+1

[SpeedoPasanen]

+1 lol 👍
Clearly we need this.

[dennypenta]

The main problem is not in adopting shadcn, but porting headless part of radix UI. Looking at the experience of Kobalt UI maintainers it's not just adopting HTMLAttributes, there are lots more things.
If we manage to port Radix UI then support of Shadcn is not a question.
@Souvlaki42 Im happy to hear any ideas how to make it happen and what main challenges can be to port radix. At the moment I don't see it's viable.

[luoye00]

https://github.com/hngngn/shadcn-solid/tree/main may be can use.

[0xrasla]

+1

[kuakman]

+1

[wangxg422]

+1. solidjs and shadcn/ui are both excellent frameworks. I hope they can be combined.

[thepooyan]

+ 1

[theromanticsoul]

+1

[0-don]

someone needs to fork baseui and keep it updated for solidjs

[taras-tereschenko]

yeah, i’ve been thinking about that too, even about using some ai code transformation tools. But we’d still need multiple people involved, the base ui repo just keeps getting bigger and there are more and more prs and issues coming in

[taras-tereschenko]

additionally, it must demonstrate a clear level of credibility and accountability for shadcn to consider including it as one of the base options offered to users

[msviderok]

For anyone interested in an unofficial (for now) port of Base UI for Solid: I’ve released the first iteration of what is intended to be a one-to-one, 100% DX-compatible port with v1.0.0-beta.1: msviderok/base-ui-solid

There's also a showcase demo that demonstrates its usage for demos and layout for the whole website (if you switch the framework toggle). All I did was:

• created a project with shadcn + Base UI starter
• changed @base-ui/react to @msviderok/base-ui-solid
• changed useState to createSignal and passed values as value() instead of value

Interfaces for the components are supposed to be identical.

[carere]

Hello all 😄

I just released Zaidan which is a port of ShadCn to SolidJS, it is based on Kobalte (which is like Radix for SolidJS), and I plan to add the base-ui port from @msviderok too (I already have the placeholder with a coming soon badge 😅).

I invite you all to try it out, I implemented the same customization that we have today on Shadcn "Create" page (base-color, theme-color, etc). Installation instructions are available for Astro, Tanstack Start, Solid Start & Vite.

Can't wait to have feedback 😃

[md-owes]

Why invest in creating another port using the same primitives as solid-ui? I'm thinking of adding a translation layer to the ShadCN repository that converts React wrappers into SolidJS wrappers. However, there may be another challenge with Radix primitives, as React wrappers use Radix and BaseUI under the hood, which are also written for React. If we can address these challenges, ShadCN could have official support for SolidJS.

Let me know your thoughts.

[carere]

Both solid-ui & shadcn-solid are lacking updates since few month now. I started by translating components on the dev branch of Solid-ui repo then I decided to go with my own repo because I wanted full control over the implementation and release frequency. Also I plan on creating several more components (eg. AI Chat), based on updated primitive which are not available on either repos.
For the "translation layer", you can try, I translated all the primitive with an agent I created and optimized for doing this job. I plan on releasing this agent that way SolidJs community will be able to use it to translate their favorite shadcn based components.
IMO, if shadcn wants to officially support other framework, they'll start with Svelte & Vue since both framework are mainly supported by Vercel now.

[Borderliner]

Thank you, it's beautiful!