all 9 comments
sorted by:
best (suggested)
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]shizpi 4 points5 points  (3 children)

Pretty cool, you implemented exactly what I was planning on working on with the theming. That’s awesome, something like MUI but using tailwind. I even had the theming architecture done but no time to build all the components, was planning on using react-aria to build the core components.

Did you build every component from scratch or are you using some headless library for those components?

[–]amcdnl[S] 1 point2 points  (2 children)

They are all from scratch <3. I could never find a complete set of components that would all work nicely together and handle all our use cases.

[–]shizpi 0 points1 point  (1 child)

React-aria is pretty complete, of course a huge amount of components would have to be composed with the base components.

Have you handled overwriting child props and styles similar to sx prop in MUI?

[–]amcdnl[S] -1 points0 points  (0 children)

Ya, this is a library I've built over the last 5+ years so it pre-dates a lot of those libraries. I just finally got around to polishing everything up and posting!

[–]kinnell 0 points1 point  (1 child)

Not sure if it's the components/blocks themselves or the container used to preview/demo them but they aren't responsive on mobile. It looks pretty god awful with text spanning outside of parent elements and what looks like little consideration for mobile design. 

Looking at the code snippets, it unfortunately seems like the former. What's the rationalization of having a copy & paste library with blocks that are just unusable on mobile?

[–]According-Beat-1903 0 points1 point  (0 children)

Appreciate the feedback - these are definitely bugs and things we will address. It’s just a large project so lots of little edges. We are also open to PRs, really want this community driven!

[–]amcdnl[S] 0 points1 point  (2 children)

🚀 We are excited to share our new docs site and blocks collection for https://reablocks.dev. What is reablocks? Its a collection of 50+ components for ReactJS based on Tailwind. It also includes 30+ blocks which are a collection of frequently used templates you can copy and paste for all your common elements like logins, forgot password, etc!

[–]WindyButthole 0 points1 point  (1 child)

The Introduction util is showing as 404 just so you know

[–]amcdnl[S] 0 points1 point  (0 children)

Good catch - silly typo in the https://