<story><title>Open Props: Tailwind Alternative from Chrome Dev Team</title><url>https://open-props.style/</url></story><parent_chain><item><author>h3mb3</author><text>I don&amp;#x27;t fully understand how this is supposed to be an alternative to Tailwind while not providing utility classes out of the box? Did I miss something in the docs?&lt;p&gt;To me the biggest benefit of Tailwind, apart from the great base design system, is not needing to come up with class names for 99% of the things in the app. This is of course only possible when you have some way to abstract components out of the reused parts of your markup – e.g. you&amp;#x27;re using React.&lt;p&gt;Edit: The title was &amp;quot;Open Props: Tailwind Alternative from Chrome Dev Team&amp;quot; when I posted this comment.</text></item></parent_chain><comment><author>boredpudding</author><text>It seems like this isn&amp;#x27;t a Tailwind alternative, that&amp;#x27;s something the poster made up. I think it would be best for a mod to change the title here.&lt;p&gt;However, there&amp;#x27;s a point in using something like BEM (&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;getbem.com&amp;#x2F;&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;getbem.com&amp;#x2F;&lt;/a&gt;) for your class naming scheme, and go away with the utility classes within  your HTML. The utility classes from Tailwind (and Bootstrap) provide great consistency, and this seems to provide the same but from within your SCSS itself.</text></comment>
<story><title>Open Props: Tailwind Alternative from Chrome Dev Team</title><url>https://open-props.style/</url></story><parent_chain><item><author>h3mb3</author><text>I don&amp;#x27;t fully understand how this is supposed to be an alternative to Tailwind while not providing utility classes out of the box? Did I miss something in the docs?&lt;p&gt;To me the biggest benefit of Tailwind, apart from the great base design system, is not needing to come up with class names for 99% of the things in the app. This is of course only possible when you have some way to abstract components out of the reused parts of your markup – e.g. you&amp;#x27;re using React.&lt;p&gt;Edit: The title was &amp;quot;Open Props: Tailwind Alternative from Chrome Dev Team&amp;quot; when I posted this comment.</text></item></parent_chain><comment><author>yen223</author><text>It isn&amp;#x27;t anything like Tailwind, and nothing in the docs suggest they are positioning themselves as a Tailwind alternative.</text></comment>