3 ms·

Show HN: Shadcn website blocks you can copy/paste

25 points by tommyjepsen 2y ago

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.

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 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 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 https://ui.shadcn.com/blocks is doing?
  - mbix77 2y ago
    Wow. Thanks so much. Didn't know this existed :).

25 points by tommyjepsen 2y ago

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.

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 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 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 https://ui.shadcn.com/blocks is doing?
- mbix77 2y ago
  Wow. Thanks so much. Didn't know this existed :).