Landing Page Product Tour Component
- Published on
Page UI is a set of landing page components & templates that you can copy & paste into you codebase. Made for React & built on top of TailwindCSS.
Page UI is landing pages on easy mode.
Copy any section of a template and own it forever
in your codebase.
Try out 🥷 thief mode and copy any section with a click!
Designing a website is hard. Making a sale is hard. We've spent months painstakingly analyzing the most successful SaaS landing pages to create templates that convert ― copy & paste any section in your app.
See all templatesA landing page template for a B2C AI SaaS app, featuring carousel examples and product tours.
A landing page template for a creator platform, featuring a marquee section and a showcase section.
A landing page template for a minimalistic product, or productized agency. Uses text and minimal colors to create a clean look.
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.
All templates and components are free to use and open source.
Get started with Page UI and transform your landing pages into high-converting, visually stunning websites with ease.
These are the voices of the folks who have incorporated Page UI into their workflow. But don't take our word for it. Read about their experiences straight from their keyboards.
“Love the themeable and responsive design plus the dark mode.”
“This is amazing [...] Gonna use it always🚀”
“This is such a marketing powerhouse”
“I have tried this, simple and easy to customize. It can save a lot of time for Indie makers like me. Keep up the great work Dan!”
“Incredible product! Open source? Steal Mode? These are some super interesting ideas. Bravo for shipping this master piece!”
“Those are some well-designed tailwindcss templates! Dan has a great eye for design, so I expect this to become an industry standard soon 💪”
“Really nice and awesome looking templates! I will need to check this out next time I launch a project 😍”
“[...] looks amazing and incredibly useful. I'll use it to streamline my workflow and boost productivity. Keep up the fantastic work!”
“The most beautiful thing I ever saw”
“[...] an exceptionally unique product. Page UI is beautifully designed and is also free and open-source. #1!”
“This is so awesome! Wow! As a developer, this really makes my day. Thank you for creating this! These templates will make my pages look perfect.”
“What can be best than free and complete out-of-the box templates integrated with your favorite framework? Only templates that are made with so much care as PageUI.”
“Love this. This fills a need for specific template components that are missing from the big component libraries. Super excited to add to my project.”
“Thank you for the amazing idea, now i can make my own landing page with no hassle and in an instant. I will explore and start using it for my own startup. Thank you again, you're great people”
“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!”
“That's gonna be really useful for someone like me who is really bad in design:)”
“Wow, this is super cool, Dan! Love the idea of Page UI making it easier for us to create unique landing pages. The integration with Shadcn UI and TailwindCSS sounds like a game-changer! Your work is always so polished and inspiring, it's awesome to see you pushing boundaries with fresh concepts like "steal this template." I think making it open source is a brilliant move – it really encourages collaboration! Can't wait to see what else you come up with!”
“I’ve been looking for a shadcn/ui style library for landing pages this is awesome Dan!”
“Just checked it out, the dark mode and responsive design are impressive. Looking forward to the upcoming templates”
“Beautiful UI! Free and open source is very great! Thank you for your dedication.”
What's old is new again. Page UI is a fresh approach to creating landing pages inspired by Shadcn UI. Have complete control over your components by copying and pasting them into your codebase. No packages, no dependencies, no fuss. Just beautiful, high-converting landing pages.
Simply pick your preferred components and paste them into your React codebase. That’s it!
Access a variety of professionally designed templates, inspired by the best in the industry.
Turn on Thief Mode to copy any section of a template with a single click. Steal like an artist!
All Page UI components are made for React, making integration into your projects a breeze.
Page UI is built on top of Shadcn UI & TailwindCSS. Take your favorite UI library to the next level.
All components are themeable, allowing you to match your brand’s look and feel with ease.
Dark mode is built in and ready to use. No more "I shipped too late", you'll ship just in time.
Explore in-depth docs, props and code samples for each component. Or change themes straight in the docs.
All templates and components are free to use and open source. We're in this together.
We've collected some of the most common queries about our robust landing page components and templates to help you better understand what Page UI offers.