open-props icon indicating copy to clipboard operation
open-props copied to clipboard

PropBlocks - ready to use Open Prop blocks

Open argyleink opened this issue 4 years ago • 6 comments

one of many Tailwind examples to be inspired by https://github.com/mertJF/tailblocks

argyleink avatar Jan 12 '22 23:01 argyleink

Hey, I'd love to contribute. Do you want to make a list of interesting blocks whatever?

eddsaura avatar Jan 19 '22 15:01 eddsaura

pretty much all of these here could be made with Open Props. could start for now in codepen or something, ensure the blocks are responsive and dark/light adaptive, and eventually make a site to share them? these codepens could get promoted / added to the "Built with Open Props" section of the OP site while a bigger aggregated site is made?

argyleink avatar Jan 19 '22 16:01 argyleink

Codepen sounds better. I will be contributing to this too :) . FYI the media queries ( custom media ) are not working in codepen , even using the postcss-custom-media. Any idea about it @argyleink ?

hunzaboy avatar Jan 20 '22 12:01 hunzaboy

FYI the media queries ( custom media ) are not working in codepen , even using the postcss-custom-media. Any idea about it @argyleink ?

Yeah, I talked to Codepen about it a month ago or so, currently not possible (at least in any reasonable ways). Forgot about that! Stackblitz could be used instead, which also means all the blocks could be using jit-props too, which would be great for helping that workflow be seen more. Let's shift to stackblitz then!? Which also means we should be thoughtful about #112.

Thanks for looking into this and offering help!

argyleink avatar Jan 20 '22 15:01 argyleink

This sounds great! Has there been any movement on this?

codevalve avatar Apr 22 '22 19:04 codevalve

not blocks specifically yet (tho there's some codepens on the website homepage to use). more effort has been going into buttons and recently forms https://codepen.io/argyleink/pen/RwxJKQa/2256560bf93a131b58b5774e840d51f0

argyleink avatar Apr 25 '22 15:04 argyleink