Page UI is a set of landing page components & templates that you can copy & paste into you React/Next.js codebase. Built on top of Shadcn UI and TailwindCSS, Page UI aims to make it easy to theme and customize the code to build a high-converting landing page!
I've been following Dan for well over a year now. He is, in my opinion, one of the most impressive indie builders you can find. I mean, just look at how polished everything he does is.
On top of that he always has fresh ideas (like the "steal this template").
Dan, why did you decide to build Page UI and why did you choose to make it open source? (thank for that!)
Huge thanks to @gregoiregilbert for hunting!
📣 Introducing Page UI 📃
Free & open source templates 📚, components ⚛️ that you can steal with thief mode 🥷
The developer that can't make a landing page that converts is about to be a thing of the past.
Page UI is a set of landing page components & templates that you can copy & paste into you codebase. Made for React/Next.js & built on top of TailwindCSS.
We've analyzed 10s of landing pages that convert and distilled them into a set of components that you can use in your projects. Here's what's inside:
✅ Component library
✅ Templates
✅ Themeable
✅ Copy & paste any section
✅ Responsive
✅ Dark mode
✅ World class docs
❤️ Open source
Support for plain React, JavaScript as well as more templates are in the works.
Head over to:
🐙 Github
📃 Docs
🎨 Templates
------------------------------------------------------
Not all of us can design & market, but we are all perfectly capable of taking all shortcuts.
The Page UI documentation has hundreds of examples that you can copy and modify.
> Start from a blank slate to create, start by example to innovate.
------------------------------------------------------
Skip the setup and get this deployed in minutes with Shipixen. 🎁 Enjoy 35% off all licenses during launch day! Use code PHFREN at checkout (limited to 10)
→ Get Shipixen 💫
Report
Incredible product! Open source? Steal Mode? These are some super interesting ideas. Bravo for shipping this master piece! @dan_mindru
Wow, this is incredible! It looks great and is free too 🙌🏻 congrats on the launch! 🚀 when you looked at what made these components highly converting, did you analyse their design only, or also performance (speed, seo, core web vitals etc?) - thank you! 👏🏼
Report
As a designer, this seems really cool! Giving a product of the day tag and its placement across different landing design is a really smart move. Congrats team!
Just curious, how is it different from Figma design to code plugins? as a handful of them also provide code for the design, and design are easily available in figma community.
Report
Awesome Launch! And thanks for making this open-source, as someone that excels at backend rather than frontend this can be useful for me in the future!
@ricardohagar that's exactly the idea Ricardo. I want this to be accessible to back-end folk but still give them control over code and avoid lock-in with some sort of site building. Easiest way I could come up with is to allow copy-pasting any section 😅
Thanks for the kinds words 🙌
PageAI
PageAI
PageAI
PageAI
Teorico Vocab
PageAI