Page UI
Landing page components for React and Next.js.
Templates, components and examples for landing pages that convert. Open source, themeable with Tailwind CSS, and free to copy into your project.
- Copy what you need
- Open source
- Themeable
- Tailwind
- Drop-in
- React + Next
What it is
The landing page parts you keep rebuilding
Component libraries are good at buttons and dialogs. They are no help with what a marketing page is made of: hero sections, feature grids, pricing tables, testimonials, calls to action.
Page UI fills that gap for React and Next.js. It is a set of landing page sections and full page templates, themeable with Tailwind CSS. You copy them into your project and own them.
It is open source and copy-first by design. Components live in your codebase. Changing one means editing a file, not fighting an abstraction or waiting for a release.
Why it is built this way
The ideas behind it
- 01
Marketing-page shaped
Heroes, feature grids, pricing tables and calls to action. Not another set of form primitives.
- 02
Themeable with Tailwind
Restyle with your own tokens instead of overriding someone else's decisions.
- 03
Copy, do not depend
Components move into your repository. Customising one is editing code you already own.
Specifics
What you get
- Landing page sections as React components, for React and Next.js
- Themeable with Tailwind CSS, not locked to one look
- Full page templates as well as individual components
- Open source. Components are copied into your codebase, not installed as a dependency you cannot edit.
Captured from the live site
What it looks like
Captured from pageui.dev by this site's asset pipeline, with navigation and overlays removed.
Straight from the source
“Landing page components that look great & convert”
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.
Read from pageui.dev on 2026-09-08
Go deeper