seruda

Awesome that you like it!

So pleased you like it, we'll be adding it.

I'm glad you like it, we'll add it.

thanks

It has been a hard work of months gathering and rating each system based on the following criteria:

◆ Number of components

We went through each Design System and UI Library one by one, counting and recounting each of the defined components.

◆ Popularity

We collected dozens of posts and mentions on LinkedIn, Twitter, Instagram, articles on Medium, blog posts, etc. And we organized them from the most mentioned to the least mentioned.

◆ Updated?

We review the date of their last commits, resolved issues, releases... to determine whether the System is still receiving maintenance or not.

◆ Does it have a Figma?

We reviewed in great detail whether the System had a public Figma. And if not, we checked if there was a popular Figma created by the community itself.

◆ Does it have an open repository?

This one was not so complicated. Most systems have a Github or a public repository, and generally, the link is visible on their page.

◆ Does it have a StorybookJS?

This was more complicated, as not all systems had a public playground. Many of them use tools like Stackblitz to be able to interact with their components.

I'll check it, thanks for sharing

Thanks bee... it seems like a good point to include whether it is open to use or not.

Thanks, I'm going to review it in detail.

I'm working on updating the list of references for http://uiguideline.com v2

Since there're many Design Systems and UI Libraries, it'll be an ongoing task.

Here is the link to my work in real-time and in progress.

hmmm I don't know

Not*

Entirely true. That's the pain.

UI Guideline was born out of our need to solve a problem that causes a real pain in the ass: Ineffective communication between the design and the development team. There is no common language between both worlds: designers say “Select list”, developers say “Dropdown list”. Designers say “Label”, developers say “Badge”. etc. etc. etc. Creating constant friction between teams, and not to mention when the teams have more than 5 members, it's a mess.

The idea so far is to allow any user to see all the information about "Possible Names" and "Reference Systems" for free.

But if the user wants to go deeper and know more about a component (e.g. Anatomy, Html structure, Figma & Sketch structure, etc) we're considering charge a yearly fee.

Actually, we don't know the exact price, because we didn't have in mind to charge, but we realize this project consumes us a lot of time going through every reference system, gathering all the good practices, synthesizing the information, etc.

I'm not sure but I think it's only for Mac right now.

Hi TipVFL, thanks for the comment. Stylepill is not optimized for mobile, we are focused on the main functionality right now (we are a team of 2 people). We don't want to optimize a product that nobody wants to use. Our main goal right now it's that the people love Stylepill.

Yes dharma1, Stylepill is not optimized for mobile, we are focused on the main functionality right now (we are a team of 2 people). Thanks a lot for your comment

I'm going to check it in details. Thanks for the comment.

Yes yes it's similar. The big different on Stylepill is that we want to centralize every styleguide in one place. With Storybook you have to deploy in your own server (e.g. github page). But Storybook is a great option.

Yes, the truth is: there are 2 libs hardcoded right now: bulma.io and Font Awesome. We're working on that right now, we wanted to test the inclusion of external libraries.

Thanks a lot for your comments.