Tailwind CSS Integration: Built on top of Tailwind CSS, ensuring utility-first styling.
React & Next.js Compatibility: Designed for seamless integration with React and Next.js projects.
Shadcn UI Inspiration: Inspired by Shadcn UI, offering a modern and accessible design system.
Open Source: Licensed under the MIT License, promoting community contributions.
CLI Tool: Includes a CLI for easy setup and integration into projects.
Page AI is a collection of free, high-converting landing page components and templates tailored for React and Next.js applications. Leveraging the power of Tailwind CSS, it provides developers with a set of pre-designed, customizable UI elements that can be easily integrated into projects. Whether you're building a startup landing page, a SaaS homepage, or a personal portfolio, Page UI offers a solid foundation to accelerate development.
Pre-designed Components: Access a variety of ready-to-use components like headers, footers, pricing tables, testimonials, and more.
Customizable Themes: Easily adjust themes to match your brand's identity.
Responsive Design: Components are built to be fully responsive, ensuring a seamless experience across devices.
Dark Mode Support: Out-of-the-box support for dark mode, enhancing user experience.
SEO Optimized: Components are structured to be SEO-friendly, aiding in better search engine rankings.
CLI Integration: Utilize the Page UI CLI to quickly scaffold components into your project.
Rapid Development: Accelerates the development process by providing pre-built components.
Tailwind CSS Utility: Harnesses the power of Tailwind CSS for utility-first styling.
Modern Design: Inspired by Shadcn UI, offering a contemporary design language.
CLI Tooling: Simplifies integration into projects with a dedicated CLI.
Tailwind v3 Dependency: Currently, Page AI is built for Tailwind v3; support for v4 is in progress.
Limited Components: While comprehensive, the collection may not cover every possible UI component.
Learning Curve: New users may need time to familiarize themselves with the utility-first approach of Tailwind CSS.
Page AI offers a diverse range of components and templates, including:
Landing Page Templates: Pre-designed templates for various use cases.
UI Components: Individual components like buttons, cards, and modals.
Layouts: Flexible layouts to structure your pages effectively.
Navigation Elements: Headers, footers, and sidebars for seamless navigation.
Forms: Stylish and functional forms for user interactions.
Page AI is open source and free to use. It is licensed under the MIT License, allowing for both personal and commercial use.
There are premium landing pages available with more features:
5 pack: $49 (5 websites included)
Unlimited Pack: $249 (Unlimited websites for 1 year)
Page UI is designed to integrate seamlessly with:
React: Utilize React components within your projects.
Next.js: Leverage Next.js for server-side rendering and static site generation.
Tailwind CSS: Apply utility-first styling using Tailwind CSS.
Shadcn UI: Incorporate components inspired by Shadcn UI for a modern design.
The included CLI tool further simplifies the integration process, allowing for quick scaffolding of components into your project.
Currently, Page UI is built for Tailwind v3. Support for v4 is in progress.
Yes, while designed for Next.js, the components can be used in any React project.
You can install Page UI by following the instructions in the GitHub repository.
AI website generator that plans, designs and writes clean code.
Submit your Shadcn product to AllShadcn, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀