Add entry open-props to design-essentials collection

Author: SrGeneroso

collections/design-essentials/index.md

@@ -21,6 +21,7 @@ items:
  - tabler/tabler-icons
  - saadeghi/daisyui
  - responsively-org/responsively-app
+ - argyleink/open-props
 display_name: Design essentials
 created_by: jonrohan
 ---

topics/open-props/index.md

@@ -0,0 +1,21 @@
+---
+aliases: open-props, openprops, open props
+created_by: Adam Argyle
+display_name: Open Props
+github_url: https://github.com/argyleink/open-props
+logo: open-props.png
+released: November 30, 2021
+short_description: CSS custom properties to help accelerate adaptive and consistent design.
+topic: open-props
+url: https://open-props.style/
+related: tailwind, css-framework, css-layout, css-reset, responsive-design, media-queries
+---
+**Open Props** is a comprehensive design system of custom variables created by Adam Argyle that offers hundreds of expertly crafted web design tokens for animations, borders, colors, shadows, animations and many more design elements that easily works in any project helping in the creation of beautiful and consistent UI.
+
+Also features options to import it from CDN, NPM or CLI, works with CSS-In-JS, CSS modules, PostCSS-JIT-Props, can be loaded from JS, has a very thoughtful normalize script with options to light/dark theming, has VScode and Sublime autocomplete... 
+
+(Catching breath 😤)
+
+It is compatible with tailwind and any frontend framework, is customizable, with predictable name conventions and provides a great and harmonious developer experience. Quite easy to integrate and incrementally adoptable, very much worth to check it out for quick prototyping and full fledge projects.
+
+Have I mentioned that is very easy to learn, doesn't get in your way and the docs are so amazing that you wish your site could look just like that? It can and Open Props can help you make it happen. Oh, and it is also free and has a very friendly community. What else you need? 😘