best library for a react js ui components dashboard? with tsx.
what is a library that you recommend to use to build a custom dashboard for my webapp, i've used shadcn but I keep getting errors and was thinking about other libraries but not sure if they support tsx and stuff and react.js
13 Replies
Hi @Hugoo. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the discussions in the Wasp community, it seems that many members have had good experiences with NextUI and Chakra UI. In particular, Chakra UI was mentioned as a favorite by some members. These libraries are compatible with React.js and should support TSX as well.
However, if you're specifically looking to use Shadcn UI with Wasp, there have been some issues reported by community members. It seems that the compatibility of Shadcn UI with Wasp might improve with the upcoming Wasp v0.12 release.
For a quick start with Chakra UI, you can check out the source code of these projects: coverlettergpt (https://github.com/vincanger/coverlettergpt) and reflectdaily (https://github.com/matijaSos/reflect-daily).
Remember to always check the official documentation of the libraries for the most accurate and up-to-date information.
Sources:
- Discord support thread: How to install shadcn ui > Answers Part 1 (https://discord.com/channels/686873244791210014/1204418933927448657)
- Discord support thread: has anyone got shadcn to work with wasp? I am trying but keep getting an error > Answers (https://discord.com/channels/686873244791210014/1223573142199341129)
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
@Hugoo what errors you are getting??
Gist
Using ShadCN with Wasp 0.12+
Using ShadCN with Wasp 0.12+. GitHub Gist: instantly share code, notes, and snippets.
I’ve got it working but idk not really liking the components build my dashboard but just trying to use other components and compare.
My errors are more styling issues haha 😅
Wohooo @Hugoo, you just became a Waspeteer level 5!
Will look into chakra ui
Try magic ui and aceternity ui
You will love it
I need it for a dashboard and looking at chakra i think the components will really be good for my use case. But ill check them out thanks!
Tremor NPM
Tremor NPM
The most complete open-source React library for dashboards and charts. It is built on top of Tailwind CSS and Recharts.
thanks!
looks good
I remember it worked with wasp, but ofc not sure how good at scale it is 😸
i'll check it out and test and see 🙂
i mean react and tailwind css so should be good
@kapa.ai ever heard of tremor ui components? if so does it work with wasp or are there some issues?
Let me check the knowledge base for you. One moment! :books:
----------------------
I'm sorry, but based on the provided knowledge sources, there's no mention or discussion about Tremor UI components in relation to the Wasp framework. Therefore, I can't provide a confident answer about its compatibility or potential issues with Wasp.
I recommend checking the official documentation of Tremor UI and Wasp, or reaching out to their respective communities for more specific information.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @Hugoo, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?