# Templates - [Genesis - React JS AI Agent Template](https://dev.prebuiltui.com/react-templates/genesis-ai-agent-saas-template): A colorful, gradient-powered template with glassmorphism, smooth hover effects and all essential sections - perfect for modern AI agent platforms. - [React JS Software Company Website Template](https://dev.prebuiltui.com/react-templates/software-company-website-template): Novara is a modern and professional software company website template designed for startups, SaaS platforms, IT agencies and digital solution providers looking to establish a strong online presence. It features a clean and modern UI, smooth animations using Framer Motion and is fully SEO optimized for performance and scalability. - [Material - React JS Landing Page Template](https://dev.prebuiltui.com/react-templates/material-developer-saas-template): A clean and professional light-themed React js landing page template with elegant gradients and a terminal-style hero command - ideal for developer tools, startups and modern web apps.. - [Eliana - React JS Portfolio Template](https://dev.prebuiltui.com/react-templates/eliana-portfolio-template): A modern react js portfolio template with light and dark themes, ideal for creatives and developers to showcase their work with elegance. - [SaaSly - React JS Modern SaaS App](https://dev.prebuiltui.com/react-templates/saasly-modern-saas-app): SaaSly is a clean and modern SaaS website template crafted for rapid product launches. It features modern UI, responsive layout design and conversion-driven sections that help businesses showcase features, engage users, and scale effortlessly - making it an ideal choice for startups seeking a polished, professional online presence. - [Estate - React JS Real Estate Website Template](https://dev.prebuiltui.com/react-templates/real-estate-website-template): Estate is a real estate landing page template designed specifically for modern property brokers, luxury real estate agencies and independent developers looking to showcase high-end residential listings. With a sleek, minimalist aesthetic and fluid Framer Motion animations. The template features a dynamic hero section, interactive statistics to build trust, a smooth sticky horizontal-scroll property gallery and user-friendly contact form. - [DentCare - React JS Dental Clinic Template](https://dev.prebuiltui.com/react-templates/dentcare-dental-clinic-landing-page): DentCare template is a blue-themed dental clinic landing page template for dentists, clinics and healthcare professionals. DentCare is built with smooth framer motion animations and clean modern layout, it helps clinics showcase services, expert teams and patient trust. - [Agentix - React JS AI Agent Template](https://dev.prebuiltui.com/react-templates/agentix-ai-agent-template): Agentix is a dark-themed SaaS website template available in Next.js, React and HTML. It's feature sleek visuals and modern sections with smooth framer motion animation to showcase it's features, sections, creations and testimonials. Agentix offers full responsive layout across all devices. - [Pixel.io - React JS Digital Agency Template](https://dev.prebuiltui.com/react-templates/pixel-io-creative-digital-agency): Pixel.io is a modern digital agency website template crafted for startups and growing businesses. It blends bold visuals, smooth animations and performance focused layouts to create high-impact brand experiences. - [Maison - React JS E-Commerce Website Template](https://dev.prebuiltui.com/react-templates/maison-react-js-e-commerce-website-template): Maison is a premium, e-commerce website template designed for luxury fashion labels, artisanal brands and minimalist lifestyle boutiques. With pre-designed pages for collections, shop search, account dashboards, support FAQs and an editorial blog, High-performing retail features to elevate your digital storefront. - [Design - React JS Ecommerce Template](https://dev.prebuiltui.com/react-templates/design-ecommerce-landing-page-template): Design is a light-themed, minimal ecommerce multi page template crafted for modern brands and online stores. Built with clean layouts, soft spacing and smooth animations, it helps businesses showcase products, categories and brand value with clarity and elegance. - [Pixels - React JS Animated SaaS Template](https://dev.prebuiltui.com/react-templates/pixels-animated-saas-app-template): Pixels is a dark-themed SaaS template with using smooth Framer Motion animations and pink color theme, crafted for startups and modern products that want a bold and unique look with modern webite design. - [Launchify - React JS AI SaaS Template](https://dev.prebuiltui.com/react-templates/launchify-ai-saas-template): Launchify is a clean modern AI-powered SaaS website template designed for website builders, startup tools and no-code platforms. Featuring a light minimal UI, conversion-focused layout, testimonials, pricing sections and smooth interactions in green theme. - [Landing - React JS SaaS App Template](https://dev.prebuiltui.com/react-templates/landing-saas-app-template): Landing is clean and modern website template built for modern SaaS products. It includes dark mode theme, responsive design and reusable UI components. Available in Next.js, React and HTML, it enables fast, scalable development for startups and product-focused businesses. - [SlideX - React JS AI Presentation Template](https://dev.prebuiltui.com/react-templates/slidex-ai-presentation-template): SlideX is a minimal, premium SaaS website template in black and white theme layout for AI-powered presentation tools, its include how it works section, our team section, our testimonials section, pricing, faq, newsletter and footer. SlideX is fully responsive across all devices. - [Ryan - React JS Portfolio Template](https://dev.prebuiltui.com/react-templates/ryan-portfolio-template): Ryan Walker is a clean, minimal next js portfolio template with subtle hover effects and a light theme, built for showcasing personal work with a modern and professional look. - [Buildify - React JS AI Agents SaaS Template](https://dev.prebuiltui.com/react-templates/buildify-ai-agents-saas-website-template): Buildify is a modern AI agents SaaS website template designed for startups and product teams in orangle theme. It focuses on modern ui design and clean UX with smooth animations using framer motion to help teams build, launch and scale AI powered products. - [Prompt2App - React JS App Builder Template](https://dev.prebuiltui.com/react-templates/prompt2app-ai-saas-template): Prompt2App is a modern AI website builder SaaS template that lets users generate full web apps from natural language prompts. It includes promt box in hero section, login page, animated landing sections, pricing, and responsive layouts designed for startups and AI builders. - [Moksha - React JS Yoga Website Template](https://dev.prebuiltui.com/react-templates/moksha-react-js-yoga-website-template): Moksha is a soft-themed yoga landing page template made for instructors and wellness coaches. With a mindful design, class schedules, about the instructor section and student testimonials, it help you build a professional online presence that really connects with your community. - [Elevate - React JS Agency Website Template](https://dev.prebuiltui.com/react-templates/elevate-agency-landing-page-template): Elevate is a orange-themed agency landing page template designed for startups, agencies and more. Built with smooth framer motion animation, clean UI and conversion-focused sections, it helps you to showcase services, portfolio and trust with clarity and impact. - [Forged - React JS Gym Website Template](https://dev.prebuiltui.com/react-templates/forged-gym-website-template): Forged is a premium Gym website template built for elite training clubs, boutique gyms and performance coaching brands. It features a bold hero section, membership pricing, athlete testimonials, FAQ accordion, contact form and insight blog previews. With dark luxury styling. - [Genify - AI Website Builder React JS Template](https://dev.prebuiltui.com/react-templates/genify-ai-website-builder): Genify is a premium dark-themed AI website builder template designed for SaaS and tech startups. Built with modern glassmorphism, prompt-to-design workflows and conversion-focused sections, it helps you launch your AI platform with clarity and impact. - [Mapple - React JS Template for Agency](https://dev.prebuiltui.com/react-templates/mapple-tailwind-template-for-agency): Mapple is a dark-themed, eye-catching AI services website template crafted with a modern grid-based layout, bordered sections and smooth animations. Designed to help AI startups and tech companies showcase services, features and solutions with clarity and visual impact. - [Imagine - React JS AI SaaS Website Template](https://dev.prebuiltui.com/react-templates/imagine-ai-saas-product-website-template): Imagine is a clean, modern AI SaaS website template designed for startups, product teams and design-driven platforms. Built with a minimal layout, strong typography and conversion focused sections, it helps teams showcase products, workflows and impact with clarity and speed. - [Interio - React JS Interior Design Website Template](https://dev.prebuiltui.com/react-templates/interior-design-website-template): Interio is a premium interior design website template crafted for architects, interior designers and creative design studios. It features fully responsive sections for services, featured portfolios, client testimonials, team stories and interactive FAQs. Designed with a sleek contemporary aesthetic and fluid animations. # Components - [Banner](https://dev.prebuiltui.com/components/banner): On your website or application, add visually striking Banner UI components built using Tailwind CSS that are perfect for promoting products services or announcements. These banner components are easy to customize and integrate into any layout to boost user engagement. - [Cookie Policy](https://dev.prebuiltui.com/components/cookie-policy): Create a clear and concise cookie policy UI component that explains how users can manage their cookie preferences and allows them to accept or decline cookies. Tailwind CSS makes it easy to design and customize cookie policy UI components that are both visually appealing and functional. - [Social Media](https://dev.prebuiltui.com/components/social-media): Integrate these social media cards, layout and share buttons UI components to enhance user engagement and increase brand awareness. These Tailwind CSS Social Media UI Components are easy to use and customizable, social media platforms like Twitter, Facebook, Instagram, Pinterest, LinkedIn, YouTube and more. - [Feature Sections](https://dev.prebuiltui.com/components/feature-sections): Ready to use Features Sections to your website or application using Tailwind CSS. These Features Sections are easy to use and fully customizable according to your brand's design. Tailwind CSS makes it easy to design and customize your features section. - [Search Bar](https://dev.prebuiltui.com/components/search-bar): Add a responsive and intuitive search bar to your E-commerce website or any other website. These Tailwind CSS Search Bar UI Components are easy to use and customizable, allowing you to create a wide range of search bar styles that suit your application's design. - [Toggle Switch](https://dev.prebuiltui.com/components/toggle-switch): Add sleek and responsive toggle switches to your website or application that allow users to switch between two states effortlessly. These Tailwind CSS Toggle Switches UI Components are easy to use and customizable, allowing you to create a wide range of toggle switch styles that suit your application's design. - [Tabs](https://dev.prebuiltui.com/components/tabs): Organize your interface with Tailwind CSS tab components designed to divide content into clean sections. These interactive Tailwind CSS Tabs UI Components provide a seamless way for users to navigate through various content panels without leaving the page. - [Badge](https://dev.prebuiltui.com/components/badge): Create eye-catching Badges Components to your website which are built using Tailwind CSS to highlight labels notifications or status indicators. These compact UI elements help draw attention to key information in a visually distinct and organized way. - [Trusted Brand](https://dev.prebuiltui.com/components/trusted-brand): Display your most trusted brand partnerships and client logos using these clean, responsive Tailwind CSS Compoents. Showcase your familiar and respected brands helps users quickly build trust in your product or service. - [Input](https://dev.prebuiltui.com/components/input): Use these Tailwind CSS Input components to create customizable and accessible input fields for forms, search boxes and data collection. These Tailwind CSS UI components are easy to use and customizable, allowing you to create a wide range of input styles that suit your application's design. - [Call to Action](https://dev.prebuiltui.com/components/cta): Create a prominent call to action (CTA) section to your website or application using Tailwind CSS. These sections guide users toward specific actions like signing up, making a purchase or exploring content further. Tailwind CSS makes it easy to design and customize call to action UI components. - [Form](https://dev.prebuiltui.com/components/form): Add modern and user-friendly forms to your website or application. These Tailwind CSS Forms components are easy to use and customizable, allowing you to create a wide range of form styles that suit your application's. Tailwind CSS makes it easy to design and customize your forms. - [Breadcrumbs](https://dev.prebuiltui.com/components/breadcrumbs): Enhance your website's navigation with these Tailwind CSS Breadcrumbs UI components. These UI components help users track their location within your site's structure and effortlessly return to previous sections improving the overall user experience and site usability. - [E-commerce](https://dev.prebuiltui.com/components/e-commerce): Build modern and conversion-focused e-commerce website pages using these Tailwind CSS E-commerce UI components. These components offer customizable product listings filters carts and checkout experiences for seamless online shopping. Tailwind CSS makes it easy to design and customize your e-commerce pages. - [Image Gallery](https://dev.prebuiltui.com/components/image-gallery): Showcase image collections with Tailwind CSS image gallery components. These Tailwind CSS Image Sliders are easy to use and customizable, allowing you to create a wide range of image slider styles that suit your application's design. - [Pricing Card](https://dev.prebuiltui.com/components/pricing-card): Add beautiful and responsive Pricing Card Components to your website. These Tailwind CSS Pricing Cards Components are easy to use and customizable. These Tailwind CSS Pricing Cards UI Components are perfect for websites and applications that require users to make purchases or compare products. - [Pagination](https://dev.prebuiltui.com/components/pagination): Navigate large sets of content with ease using Tailwind CSS pagination UI components. These TailwindCSS Compoents help users move between pages efficiently improving usability in content-heavy applications and data-driven dashboards. - [Footer](https://dev.prebuiltui.com/components/footer): Add a professional Footer UI Components to your website or application which features essential elements like social media links, copyright notices and additional navigation. These Tailwind CSS Footers are easy to use and customizable, allowing you to create a wide range of footer styles that suit your application's design. - [Menu](https://dev.prebuiltui.com/components/menu): Add Modern Tailwind CSS Pop Up Menus to your website or application. These menus are easy to use and customizable, allowing you to create a wide range of menu styles that suit your application's design. You can use these menus to display a list of links or other content in a dropdown or flyout menu format. - [Card](https://dev.prebuiltui.com/components/card): Organize and present grouped content with Tailwind CSS card components. These cards offer a structured and visually appealing layout that helps display information in a clear and consistent format suitable for dashboards product previews and more. These Tailwind UI components are ready to use and customizable. - [Alert](https://dev.prebuiltui.com/components/alert): Use these Tailwind CSS alerts UI components to notify users about important messages, errors or successes. These components are made with Tailwind CSS and are ready to use, and can be customized to create a wide range of alert styles that suit your application's design. - [Progress Bar](https://dev.prebuiltui.com/components/progress-bar): Visualize task or process completion with Tailwind CSS progress bar components. These bars provide real-time feedback on status and progress to improve user interaction and transparency. These Tailwind CSS Progress Bar UI Components are easy to use and customizable. - [Buttons](https://dev.prebuiltui.com/components/buttons): These Button UI components bring flexibility and style to your interface. Designed in a variety of sizes and states they are perfect for handling user interactions such as submitting forms triggering actions and navigating content across your application. - [Navbar](https://dev.prebuiltui.com/components/navbar): Add beautiful and responsive Navbar Components to your website. These Tailwind CSS Navbars are easy to use and customizable, allowing you to create a wide range of navbar styles that suit your application's design. Tailwind CSS Navbar UI components are perfect for websites. - [Modal Dialogs](https://dev.prebuiltui.com/components/modal): Add interactive Modal Components to your website or application for displaying messages, forms or actions without navigating away from the current page. These Tailwind CSS Modals UI components are easy to use and customizable, allowing you to create a wide range of modal styles that suit your application's design. - [About](https://dev.prebuiltui.com/components/about): Add an About Section to your website or application using Tailwind CSS. These About Sections are easy to use and fully customizable according to your brand's design. These Tailwind UI components are ready to use and customizable. - [Checkbox](https://dev.prebuiltui.com/components/checkbox): Use interactive and customizable checkboxes built using Tailwind CSS. These UI components support various states and design options making them ideal for user forms preferences and selection interfaces. These Tailwind UI components are ready to use and customizable, allowing you to create a wide range of checkbox styles that suit your application's design. - [FAQ Sections](https://dev.prebuiltui.com/components/faq-sections): Add a Frequently Asked Questions (FAQ) Section to your website or application using Tailwind CSS. These Tailwind CSS FAQ Sections are easy to use and customizable, allowing you to create a wide range of FAQ section styles that suit your application's design. - [Promotional](https://dev.prebuiltui.com/components/promotional): Highlight your offers announcements or featured content with a Tailwind CSS promotional banner components. These eye-catching tailwind CSS components help boost visibility for campaigns, sales or important messages across your website. - [Hero Section](https://dev.prebuiltui.com/components/hero-section): Add these Tailwind CSS Hero Section UI components to your website or application to highlight your core product or service. These Hero Section components provide bold layouts that focus on grabbing attention while incorporating a strong call to action that guides users toward conversion. - [Avatar](https://dev.prebuiltui.com/components/avatar): These Tailwind CSS avatar UI components allow you to showcase user profile images on your website or application. They are highly customizable and offer a range of design styles that seamlessly integrate with modern UI designs for both personal and professional platforms. - [Dropdown Menu](https://dev.prebuiltui.com/components/dropdown-menu): Implement responsive and multi-level dropdown menus with Tailwind CSS. These Tailwind CSS Dropdown Menus are easy to use and customizable, allowing you to create a wide range of dropdown styles that suit your application's design. Tailwind CSS makes it easy to design and customize dropdown menus. - [Newsletter](https://dev.prebuiltui.com/components/newsletter): On your website or application, add a beautiful and responsive Newsletter Subscription Form. These Tailwind CSS Newsletter Forms are easy to use and customizable, allowing you to create a wide range of newsletter form styles that suit your website's design. - [404 Pages](https://dev.prebuiltui.com/components/not-found-pages): Add user-friendly and responsive 404 Error Page UI to your website or application. These Tailwind CSS 404 Error UI Components are easy to use and customizable, providing a user-friendly experience that guides users back on track when they encounter a missing or broken link while maintaining the brand's look and feel. - [Testimonial](https://dev.prebuiltui.com/components/testimonial): Showcase customer satisfaction with Tailwind CSS testimonial components. These sections are great for building trust by presenting user experiences, stories and reviews in a clean and engaging layout. These Tailwind CSS Testimonial UI Components are easy to use and customizable. - [Team Sections](https://dev.prebuiltui.com/components/team-sections): Add a Team Section to your website or application using Tailwind CSS. These Team Sections are easy to use and fully customizable according to your brand's design. Tailwind CSS makes it easy to design and customize your team section. - [Login Form](https://dev.prebuiltui.com/components/login-form): Add responsive and secure login forms to your website or application. These Tailwind CSS Login Forms are easy to use and customizable, allowing you to create a wide range of login form styles that suit your application's design. Login Forms are perfect for websites and applications that require users to log in or register. # Docs - [PrebuiltUI Docs](/docs): Welcome to the official PrebuiltUI documentation. - [Quick Start](/docs/quick-start): Welcome to the PrebuiltUI Quick Start guide. - [Tailwind Installation](/docs/tailwind-installation): PrebuiltUI uses Tailwind CSS for styling. Follow these steps to install Tailwind and configure it for your project.