# Introduction — PixelPapa UI docs

PixelPapa UI is a library of 368 animated React components and landing page sections (144 free, the rest with PixelPapa Pro), 10 full-site templates with copy-paste AI prompts, free design tools, and an AI image upscaler with PixelPapa Pro. Components are single TypeScript (.tsx) files built with Tailwind CSS v4 and Motion (formerly Framer Motion), use shadcn/ui colour tokens, and install with the shadcn CLI.

## How it is different

- **One file per component.** The component, its types and a working demo live together, so the preview is exactly what lands in your project.
- **Theme tokens only.** Components use the standard shadcn variables (`bg-background`, `text-foreground`, `bg-primary`, `border-border`), so they adopt your brand and dark mode without edits.
- **Three dependencies at most.** React, `motion` and `lucide-react`. Charts, carousels, calendars and dialogs are written from scratch.
- **Motion with manners.** Animations are spring-based, interruptible and respect `prefers-reduced-motion`.
- **Made for AI builders.** Every component has a prompt for Claude, Cursor, v0 or Lovable, and the Sites gallery ships whole landing pages that way.

## What is in the box

- **Sections** (130): Navbars, Hero Sections, Feature Sections, Bento Grids, Stats, Logo Clouds, Pricing, Testimonials, FAQs, Calls to Action, Footers, Contact & Newsletter, Team & About, Blog Sections, Auth Screens, Banners
- **Components** (180): Buttons, Badges, Toggles & Switches, Inputs, Checkboxes & Radios, Selects, Sliders, Text Effects, Backgrounds, Cards, Carousels, Avatars, Loaders, Accordions, Tabs, Tooltips & Popovers, Dialogs & Drawers, Docks & Menus, AI Elements, Charts, Audio & Media
- **App UI** (58): Calendars & Dates, Tables & Lists, Notifications, Command & Search, Pagination, Breadcrumbs, Steppers & Timelines, Files & Uploads, Dashboard Widgets, Sidebars, Empty States
- **Sites** (10): complete landing pages with AI prompts.

## Licence

Free components can be used in personal and commercial projects. Pro components and site templates need an active Pro or Scale plan to view and install; products you built with them while subscribed can keep using them. You may not redistribute the library or publish Pro code and prompts. Full licence: https://pixelpapa.com/terms#license.