Page UI
Landing page components for React and Next.js.
Templates, components and examples for landing pages that convert. Open source, styled with Tailwind CSS, and free to copy into your project.
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, styled with Tailwind CSS. You copy them into your project and they are yours.
It is open source and built to be copied. Components live in your codebase, so changing one means editing a file, not fighting a library or waiting for a release.
Why it is built this way
The ideas behind it
- 01
Made for marketing pages
Heroes, feature grids, pricing tables and calls to action. Not another set of form controls.
- 02
Styled 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 means editing code you already own.
Specifics
What you get
- Landing page sections as React components, for React and Next.js
- Styled with Tailwind CSS, so it is easy to make them look like yours
- Full page templates as well as individual components
- Open source. Components are copied into your codebase, not installed as a dependency you cannot edit.
Screens
What it looks like
A closer look at Page UI.
From pageui.dev
“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.
Go deeper