Hacker News new | ask | show | jobs
Show HN: I made open source landing page components and templates (pageui.shipixen.com)
10 points by humbledev28 781 days ago
Hey folks,

For me making landing pages is an absolute chore, especially when I start from a blank slate. I'm sure many of you have the same feeling. So I bit the bullet and analyzed a bunch of SaaS landing pages and created a component library + templates based on them.

→ Check out https://github.com/danmindru/page-ui

The way it works is you run a script and you get the source for yourself, so you have full control. If you ever used Shadcn UI, this'll seem familiar.

There's a twist though! The templates have something called "Thief mode", so that'll "blow up" all sections of a template so you can copy & paste section by section. That's super useful after you've build an initial version and just want to add some new sections.

Here's what's inside:

- 24 components & 100s of examples + templates - Copy & paste any section - Themeable - Responsive - Dark mode included - World class docs (I hope) and all open source

Currently, you can only install it for React + Next.js, but I see no reason to not support other libs as well as raw HTML + TailwindCSS. I'd love to add that and also there are a few more templates planned!

It's early days, but I've built a few sites with it and I'm super excited about the potential. What would you like to see? Any particular components or features that'll make it great for you?

2 comments

Appreciate you for making this open source.

Thief mode is a brilliant idea, never seen a user view copy section like that.

Any plans for taking this beyond React? Just curious.

For sure! Don’t see any reason why it couldn’t be made for anything else. The only baseline is TailwindCSS currently.

Any specific framework in mind? Or raw HTML?

It looks super sweet. I got excited but then realized it was for React. Hope to see it extended to raw html/css.

Thanks for making it open source!

Thanks! Raw HTML for sure, but CSS will be a little bit more tricky, unless you don’t mind generated styles.

Perhaps HTML + TailwindCSS could work?