Page UI logo

Landing page components that look great & convert

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.

Get Started
Read more

Free & open source

Building & designing landing pages is hard

Page UI is landing pages on easy mode. Copy any section of a template and own it forever in your codebase.

Steal this template

Try out 🥷 thief mode and copy any section with a click!

Inspired by the best

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 templates

Gnomie AI New

A landing page template for a B2C AI SaaS app, featuring carousel examples and product tours.


View template
Gnomie AIGnomie AIGnomie AI
AISaaScarouselproduct tourB2C

Specta

A landing page template for a creator platform, featuring a marquee section and a showcase section.


View template
SpectaSpectaSpecta
creatormarqueeSaaSvideoplayful

Minimum Via

A landing page template for a minimalistic product, or productized agency. Uses text and minimal colors to create a clean look.


View template
Minimum ViaMinimum ViaMinimum Via
textagencySaaSminimalcleansimple

Learn by example

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.

World-class docs.
Explore in-depth docs, props and code samples for each component.
Themes at your fingertips.
Switch between themes straight 👀 in the docs. You got that right.
Templates for days.
We are constantly adding new templates and components to the library.

All templates and components are free to use and open source.

Ship that landing page today

Get started with Page UI and transform your landing pages into high-converting, visually stunning websites with ease.

From Code to Conversion: Real Stories from Real Users

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.”

Isa T.
@isacoding

“This is amazing [...] Gonna use it always🚀”

Adarsh G.
@Adarsh____gupta

“This is such a marketing powerhouse”

SnackStack
@stonedFractals

“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!”

Manoj R
@manoj_11

“Incredible product! Open source? Steal Mode? These are some super interesting ideas. Bravo for shipping this master piece!”

Tony Han
@tonyhanded

“Those are some well-designed tailwindcss templates! Dan has a great eye for design, so I expect this to become an industry standard soon 💪”

David Gutiérrez
@_dgut

“Really nice and awesome looking templates! I will need to check this out next time I launch a project 😍”

René N
@rene_nielsen_dk

“[...] looks amazing and incredibly useful. I'll use it to streamline my workflow and boost productivity. Keep up the fantastic work!”

Zulkar Naim
@zulkarnaim

“The most beautiful thing I ever saw”

Lera Kuntsevich
@lera_kuntsevich1

“[...] an exceptionally unique product. Page UI is beautifully designed and is also free and open-source. #1!”

Bon
@bonvisions

“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.”

Maia Buljeta
@maia_buljeta

“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.”

Mycolaos
@mycolaos

“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.”

Yeddie
@helloyeddie

“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”

Muhammad Ali Zulfaqar
@muhammad_ali_zulfaqar

“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!”

Ricardo Hagar
@ricardohagar

“That's gonna be really useful for someone like me who is really bad in design:)”

Max
@maxrush

“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!”

Blank
@blankwebdev

“I’ve been looking for a shadcn/ui style library for landing pages this is awesome Dan!”

Justin Kroeger
@_justindev

“Just checked it out, the dark mode and responsive design are impressive. Looking forward to the upcoming templates”

Akash Pandey
@heyakash_design

“Beautiful UI! Free and open source is very great! Thank you for your dedication.”

Zenda
@zenda1122

Page UI is a new way to build landing pages

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.

Easy Copy & Paste

Simply pick your preferred components and paste them into your React codebase. That’s it!

Free Templates

Access a variety of professionally designed templates, inspired by the best in the industry.

Thief Mode 🥷

Turn on Thief Mode to copy any section of a template with a single click. Steal like an artist!

React-Compatible

All Page UI components are made for React, making integration into your projects a breeze.

Based on Shadcn UI

Page UI is built on top of Shadcn UI & TailwindCSS. Take your favorite UI library to the next level.

Themeable

All components are themeable, allowing you to match your brand’s look and feel with ease.

Dark mode

Dark mode is built in and ready to use. No more "I shipped too late", you'll ship just in time.

World-Class Docs

Explore in-depth docs, props and code samples for each component. Or change themes straight in the docs.

Free and Open Source

All templates and components are free to use and open source. We're in this together.

Frequently Asked Questions About Page UI

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.

From the docs