search

curtis-allan / Shad4Fasthtml

Porting Shadcn-ui components to python/js for use with fasthtml
https://shad4fasthtml.com
116 stars 7 forks source link

This would be awesome #3

Closed bevenky closed 2 months ago

bevenky commented 2 months ago

Anyways to keep this as compatible as possible to original tailwind and shadcn so when those upgrade you can just up the versions and also we can use something like vercel vo to create frontend UI code for the most part?

curtis-allan commented 2 months ago

Working on it at the moment, v0 would be a cool idea and should be mostly compatible with the components in this framework as they share the same styling - would just be JS functionality that varied. As far as version control goes, been porting to tailwind standalone package and thats updated fairly regularly i think. Shadcn components I would have to work on manually porting though.

bevenky commented 2 months ago

ok thanks. have you been able to port all the blocks and components from shadcn or any not supported? The other two common but complex components these days are datagrid like with agrid and drag and drop node based view like reactflow. that would allow for most complex ui's I would assume, specially if those are ported from some third party shadcn plugins

curtis-allan commented 2 months ago

ok thanks. have you been able to port all the blocks and components from shadcn or any not supported? The other two common but complex components these days are datagrid like with agrid and drag and drop node based view like reactflow. that would allow for most complex ui's I would assume, specially if those are ported from some third party shadcn plugins

By porting I mean basically rewriting the components from scratch, save for the class styling which is in tailwind. As they're written using radix primitives, which are built for react usage primarily, any client side functionality I am building from the ground up using javascript, so will be a little bit before theyre all ready to go but will package it up and get it available before then. Focusing on getting it properly organised and making setup and installation as simple as possible at the moment.

bevenky commented 2 months ago

@curtis-allan, ok, I didn't realize you were rewriting it again. Why not use this project, which already does this, and maybe we can collaborate with him to add more stuff to this library as it already uses htmx https://franken-ui.dev/

curtis-allan commented 2 months ago

Have had a look through their stuff, it seems pretty good. Not really where I'm aiming this project however, trying to bundle the functionality into vanilla JS and tailwind styles for ease-of-use + low bundle size - keeping with the minimal theme of fasthtml and htmx. Will definitely keep my eyes on it though and any other emerging library that can mimic some of the JS functionality with low overhead out of the box!

bevenky commented 2 months ago

Would it make sense to create a new project and would you be willing to help create the glue to fasthtml? I can work with the dev there to add more components and we can also have that as an option. Additionally, would you be porting all components from shad currently and would it be possible to create components that are complex like react flow, aggrid

curtis-allan commented 2 months ago

If you start a new project and need a hand with it then by all means I can try and help out. Will continually be adding more shad components until they’re all there. Regarding complexity, will aim to provide the same functionality as minimally as possible, until absolutely necessary.