Show HN: Shadcn website blocks you can copy/paste (twblocks.com)

Hi,

I have always felt it was hard to design blocks for websites, so I've designed so far 21 different blocks you can easily implement in your project if you are using shadcn.

9 comments

[ 0.27 ms ] story [ 27.0 ms ] thread

gerroo 2y ago ↗

Cool. Some points to improve

- It'd be nice to have some sort of devtools view or a way of copying / seeing the components directly on the website. Personally, I really like bit.dev's home page. You could do something similar. - I like that you focused on marketing blocks. It complements the shadcn blocks. - If you want to grow this, I think adding the ability add / edit blocks directly on the website would be nice. You could see everyone's blocks, upvote and discuss them.

These points aside, your blocks look great! Keep it up!

tommyjepsen 2y ago ↗

Hi, thanks! I've tried updating it to make it more user-friendly, so ppl don't have to go to Github to copy the blocks, but can do it directly on the website :)

Makes more sense this way.

genier200 2y ago ↗

Thank you for your work, but I'm unable to figure out how to copy and paste the components.

tommyjepsen 2y ago ↗

Hi, thanks! Yes, I've gotten this feedback from different places now - will definitely iterate on this. Right now you go to the Github repository: https://github.com/tommyjepsen/twblocks/tree/main/components and find the one you need.

genier200 2y ago ↗

i've checked it out,thanks for your work.

tommyjepsen 2y ago ↗

Thanks! Had to move them, so they can be found in https://github.com/tommyjepsen/twblocks/tree/main/blocks now, but the website is also available to directly copy the code and inspect each block, so you don't have to go to Github anymore :)

mbix77 2y ago ↗

Thanks for the work. Any plans to do some dashboard/application shells?

tommyjepsen 2y ago ↗

Not 100% sure what you mean, but maybe it is what https://ui.shadcn.com/blocks is doing?

mbix77 2y ago ↗

Wow. Thanks so much. Didn't know this existed :).