How you use web UI Kit?

To developers and designers, how you use a UI kit? good design, coding structure and re-using the elements are enough or you expect more from a UI kit? We are creating a SaaS and Startup focused UI kit called AyroUI ( https://ayroui.com/ ) and don't want to miss any detail (as much as I can) Let me know your opinion :) Thanks

Bjørn Lindholm

For me it's really important to be able to customise it easily. Not only colors, but also things like font sizes, spacing etc. It's also important that it's easy to build custom components using some basic blocks from the kit. Maybe you could build an article card from a card component, a headline component, a subheadline component and maybe a paragraph component.

Personally I prefer if spacing is entirely handled by helper classes like mb-2. When a project grows you always run into edge cases where you wish you could add a bit more spacing.

0 Likes
Musharof Chowdhury Author

Thanks mate for your valuable input. Yes we are ensuring all these, easy to customize with helper classes, coded by following block structure to make it easier for reuse/separate, SCSS files and variables for all global properties.

0 Likes

@alina has some opinions about Bulma😂

0 Likes

I'm rewriting my app with Vuetify, so far it's the best UI kit I've used!

0 Likes
Musharof Chowdhury Author

wow, this is so popular man. Never heard about this UI Kit before.

0 Likes

@musharof It's based on Google Material Design, and it's only for Vue so you kinda need to use Vue to know about it.

Also; The discord community is awesome! (~1200 online members)

0 Likes
Musharof Chowdhury Author

@ian I got it, this is huge community! I will do some study about them in near future if we release vue version as well. A great inspiration :)

0 Likes
Fajar Siddiq

This is really good!! ui kit is much needed

0 Likes
Musharof Chowdhury Author

Yes bro yes. I'll Ship this shit soon 🚀

0 Likes
joaoeudes7

Please, add the kit on npm repository

0 Likes

Please sign in to leave a comment.