Landing Leading Pill components
- Published on
- May 31, 2025
A flexible inline pill component for announcements, badges, and call-to-action elements with SVG borders, gradient variants, glass backgrounds, and comprehensive customization options.
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 templatesPage 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.
Themes at your fingertips.
Templates for days.
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.
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.
A flexible inline pill component for announcements, badges, and call-to-action elements with SVG borders, gradient variants, glass backgrounds, and comprehensive customization options.
A collection of text effects for the primary CTA section. Great for adding visual interest to your landing page and making it more engaging.
A collection of animated background effects for the primary CTA section. Great for adding visual interest to your landing page and making it more engaging.
A comprehensive price comparison component that allows you to compare features across 2-5 products or services with customizable headers, footers, and feature lists.
Showcase your company information with elegant About, Vision, and Mission sections to build trust with your audience