Show HN: Beautiful landing page builder for developers with tailwind and shadcn

Show HN: Beautiful landing page builder for developers with tailwind and shadcn(ui.convertfa.st)

20 points by basic_banana 1 year ago | 18 comments

Hi, I just build an open source project, convertfast-ui providing landing page blocks you can copy paste to your project. All code blocks are based on shadcn and tailwind.

Convertfast-ui also provides a CLI tool, with some quick command to generate landing pages directly into your project, a command example would be:

npx convertfast-ui@latest page create <my-page>

It will generate landing page code in my-page and then you can edit them for customization.

Feedback and suggestions are welcome.

github repo: https://github.com/ObservedObserver/convertfast-ui

Website and docs: https://ui.convertfa.st/

kocyigityunus 1 year ago |

You claim that your library can build landing pages. Yet, your hero image on the landing page is a dashboard.

manuelmoreale 1 year ago | |

All the images on the site are from the same dashboard. Doesn't inspire much confidence.

basic_banana 1 year ago | |

I just take some random screenshot, it just shows an example of landing page, not real product. sorry for the misleading design, will change the image soon

edweis 1 year ago | |

I came to the comment section to say that.

__mendark 1 year ago |

I will give you the benefit of the doubt that you are genuinely trying to contribute something to the open source community. But I am not sure how this made it to the frontpage on HN. This seems like something made by the new generation of so called solopreneurs trying to get rich quick (the pricing section says it all).

I read a thread by a one of solopreneur on twitter sometime ago where they suggested to post about their product every day on HN for getting _viral_. It seems this is one of those posts.

Edit: Looks like the pricing section is just as an example of a section on Landing Page. OP, it would be a good idea to have a proper landing page for your project?

manuelmoreale 1 year ago |

Free and open source, no CC required but also 19$/month? I'm so confused. Also the start now button does absolutely nothing.

basic_banana 1 year ago | |

it's a showcase of pricing section in landing page, not real product, just a example of pricing section.

bravura 1 year ago | | |

That is incredibly confusing. If you are showing a demo landing page, then definitely don't make the demo landing page selling the same product that you are selling.

"Bootstrap your landing page with ConvertFast UI" uhhh and your product is called ConvertFast? please look at how other landing page creators do their demo pages.

ralphdas 1 year ago |

I understand that you want to eat your own dogfood here. But since what you are promoting is kind of the same thing as you are showing it's a bit confusing to say the least. I would rather see links to different landing pages and different components/ sections. Also the pricing section now really confuses me.

basic_banana 1 year ago | |

This is a free and open source CLI tool, and the landing page is just template generated by the tool, not real product and pricing.

For sections details, it's on the docs page: https://ui.convertfa.st/docs

meiraleal 1 year ago |

Aren't you just asking for money for shadcn?

basic_banana 1 year ago | |

it's a example landing page generated by the tool, the product and pricing are not real product, just show the UI.

bravura 1 year ago |

See also https://shipixen.com/ which generates Shad/CN landing pages for real. The output of that has been good to work with, even for us as people new to next.js.

We also were looking at https://pro.magicui.design/docs/templates/startup

Both of these are one-time payments, versus the posted link which is expensive and monthly.

basic_banana 1 year ago | |

The page is a showcase landing page example, not real product, the pricing are not for real product. It's just an open source and free CLI tool. Sorry for the confused information.

ethegwo 1 year ago |

Congratulations, I am looking for a landing page template for my new product, I think I can just use it.

nhggfu 1 year ago |

seeing the same large UI image repeated several times on the landing page doesn't fill one with confidence, fwiw @ OP.

good luck w/ project.

basic_banana 1 year ago | |

Sorry for the image, it just a placeholder image. I will just remove the placeholder image ot use some AI-generated images. It's not a landing page of real product, just a showcase of generated landing page