shadcn/ui VS konsta

Shadcn/ui: I've never tried it before but have always wanted to switch from MaterialUI

Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.

[1] https://ui.shadcn.com/

shadcn/ui

This model is very similar to the popular shadcn workflow. After files are creating in your local repo, you can modify them and check them into source control.

Link: https://ui.shadcn.com/

One of my biggest fears as a frontend dev is to build UIs that are inaccessible for people. It's easy to take so many things for granted.

The good news is you get a lot of accessibility out of the box using native html. For higher abstractions I love working with accessibility first libraries like Shadcn (which is built on top of Radix): https://ui.shadcn.com/

For development of the UI components, we tried something new. Vercel has this new AI tool called v0.dev that allows developers to take advantage of shadcn/ui and Tailwind using nothing but words, which can then be easily downloaded to your local project using nothing but a simple npx command.

Shadcn stands out among the many UI frameworks and libraries as a helpful resource for developers looking for an open-source, customizable way to create stunning and useful user interfaces. Shadcn is a tool to help you build your component library. These are components that you can copy and paste into your apps.

Some frameworks and themes to use in combination :

- https://konstaui.com/

- https://framework7.io/

Konsta UI for mobile (https://konstaui.com/)

I've built a small prototype using Chakra UI, but I was wondering if there is a more mobile oriented approach with nav, actionsheet components etc. I have come across https://konstaui.com/ which looks alright, but also seems very new. What do people typically do here? Do they just build a mobile view using traditional libs like Chakra/Tailwind, and make it responsive? Do they bother with components like ActionSheet etc?

Try https://konstaui.com/ , which spawned from https://framework7.io/

I’ve made an mobile app using Nuxt and KonstaUI with Capacitor. You can see it here: HotSpot Voucher Generator.

You can make desktop and web apps with it too, but unfortunately, there’s no SvelteKit support. However, the same author made a different library, called Konsta UI.