An Interest In:
Web News this Week
- April 27, 2024
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
This is Formilk
Formilk is a system of configurable webcomponents created by UpperCod, with formilk you can speed up your design system creation process, associating your design tokens to formilk using custom-properties.
motivations
Formilk was born from the need to:
- be subtly aesthetic.
- be easily configurable.
- be agnostically friendly.
Subtly aesthetic
Easily configurable
All formilk tokens can be managed at root level, for this the following css rule would be enough to modify the color of the buttons
:root{ --fm--color-button-60: black; --fm--color-button-10: white;}
But there is something much better in Formilk, the tokens are related by group and inheritance, but that is for another article.
Agnostically friendly
This is the best part of Formilk, well the previous one was already good, but this is amazing (or so I think).
Formilk is created with Atomico JS and it is agnostically friendly, this means that at the level of webcomponents Atomico gives additional support to libraries like React and Preact, in the following example you will see the use of React TSX + Formilk
This is Agnostic friendly, Formilk is the example of how you can create components for React without using React and best of all your components will work in any library or HTML
Message
All this Formilk magic is thanks to Atomico JS and its tools:
- @atomico/desing-tokens: library to sustainably apply layout tokens to your webcomponent system.
- @atomico/hooks: more than 40 utilities like hooks
- @atomico/exports: exports all of Formilk, compiling, generating the exports, types, and wrappers for React and Preact.
- @atomico/react: extend the webcomponents to react and preact respecting all the rules defined in your component created with Atomico.
I invite you to join the Atomicojs community and learn more about our projects!
Original Link: https://dev.to/uppercod/this-is-formilk-1mbh
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To