Finally after months (and months) of work, I'm proud to present: Mint UI!
So that was a bit anticlimactic 😅 you probably don't know what the hell I am talking about so let me show you!
Keep on reading, to see some of it's features - in video!
Mint UI has 60+ components that you can use to build your next great application (or side project 🙂).
That was just a taste, you can play around with all the components on the website.
The size of components are completely fluid, controlled by the
font-size property -
em is used everywhere - so you can make them as large or as small as you want! As a bonus any children will be sized accordingly as well!
Most components adapt to the screen size by using media queries, but some change based on available space.
All interactive elements besides can be interacted with with mouse and keyboard.
Mint UI supports light and dark modes and even has a component to toggle them built in!
All components can be themed with design tokens by using CSS variables.
Currently only colors can be changed but in future versions there will be all kinds of tokens (paddings, spacing, etc...).
If you are looking to learn Mint, I have a series on it here https://dev.to/gdotdesign/series/836
Mint UI is hosted on Github and its source code is public but it's licensed differently than other open source projects: it is free (even for commercial use) for individuals and small companies but a paid license is required for bigger companies (4 or more employees).
Let me know what do you think in the comments below!