# PageSugar categories

> 49 categories across 5 parts of a page; 16 have published components.

Page: https://pagesugar.com/categories

## Website sections

Public-facing sections and content blocks for marketing, company, editorial and local-business websites.

- [Layout and page composition](https://pagesugar.com/categories/layout.md): Containers, grids and page structure for arranging website content. (16 published)
- [Headers and website navigation](https://pagesugar.com/categories/navigation.md): Headers, menus and breadcrumbs that help visitors find their way around a site. (5 published)
- [Heroes and page introductions](https://pagesugar.com/categories/heroes.md): Opening sections that introduce a product, service or story and its next step. (3 published)
- [Features, services, benefits, and process](https://pagesugar.com/categories/features.md): Sections for explaining capabilities and benefits. The current collection includes a text-based feature tab section. (6 published)
- [Trust, testimonials, and social proof](https://pagesugar.com/categories/social-proof.md): Layouts for customer quotes, logos and other evidence you have permission to publish. (4 published)
- [Pricing and plan presentation](https://pagesugar.com/categories/pricing.md): Sections for comparing offers. The current pricing grid displays plans and links; it does not handle billing. (4 published)
- [Calls to action, lead capture, and promotion](https://pagesugar.com/categories/calls-to-action.md): Sections that invite a next step. The current signup form needs your own email subscription service. (2 published)
- [Company, team, and careers](https://pagesugar.com/categories/company.md): About, team and careers sections for introducing an organisation and its people. (0 published)
- [Portfolios, projects, and case studies](https://pagesugar.com/categories/portfolio.md): Project cards and case study layouts for showing your work and explaining the result. (0 published)
- [Contact, locations, and local business information](https://pagesugar.com/categories/contact.md): Contact details, opening hours and location information for visitors planning to get in touch. (0 published)
- [Blog, editorial, and resource content](https://pagesugar.com/categories/editorial.md): Article cards, author information and reading layouts for a blog or resource collection. (0 published)
- [FAQs, documentation, and public help](https://pagesugar.com/categories/help.md): Patterns for answering common questions. The current FAQ accordion shows and hides plain-text answers. (2 published)
- [Images, galleries, audio, and video](https://pagesugar.com/categories/media.md): Image, gallery, audio and video presentation, with media requirements defined by each component. (0 published)
- [Footers and public policy presentation](https://pagesugar.com/categories/footers.md): Footer layouts and policy links using your own content and destinations. (5 published)

## Controls and forms

Supporting controls, inputs, feedback states and reusable business forms used across website sections.

- [Typography, identity, and information primitives](https://pagesugar.com/categories/typography.md): Headings, badges, avatars and small displays of information. (20 published)
- [Buttons, links, and action controls](https://pagesugar.com/categories/buttons.md): Buttons and links for actions such as copying, sharing or loading more content. (13 published)
- [Disclosure, overlays, and contextual interaction](https://pagesugar.com/categories/overlays.md): Menus, dialogs, drawers and tooltips that reveal information in context. (3 published)
- [Text and numeric inputs](https://pagesugar.com/categories/text-inputs.md): Text and number fields with labels, hints and validation feedback in the interface. (18 published)
- [Selection and specialised pickers](https://pagesugar.com/categories/selection.md): Checkboxes, radio groups, selects and sliders for choosing values. (7 published)
- [Dates, times, and schedules](https://pagesugar.com/categories/dates.md): Date, time and range selectors. Timezone and format behaviour depends on the implementation. (0 published)
- [Contact, identity, and address inputs](https://pagesugar.com/categories/contact-inputs.md): Fields for names, phone numbers and addresses, separate from complete contact forms. (0 published)
- [Files, media input, and editing](https://pagesugar.com/categories/files.md): File selection, cropping and editing interfaces. Uploading and storage need a connected implementation. (0 published)
- [Form structure, validation, and submission](https://pagesugar.com/categories/form-structure.md): Field groups, steps and feedback that help people complete a form. (1 published)
- [Reusable business forms](https://pagesugar.com/categories/business-forms.md): Contact, quote and application form interfaces for connecting to your own handlers. (0 published)
- [Search, filtering, sorting, and discovery](https://pagesugar.com/categories/search.md): Search fields, filters and result layouts for your site, connected to your search data. (0 published)
- [Lists, tables, and structured data](https://pagesugar.com/categories/data-display.md): Lists, tables and timelines that present the data you supply. (0 published)
- [Loading, feedback, errors, and recovery](https://pagesugar.com/categories/feedback.md): Loading, empty, error and success states that explain what happened and what to do next. (0 published)
- [Visitor preferences, privacy, and accessibility utilities](https://pagesugar.com/categories/preferences.md): Controls for language, appearance and consent preferences, with policy and persistence defined by your project. (0 published)

## Commerce and billing

Frontend interfaces for payments, checkout, subscriptions, products and orders that connect to a real commerce backend.

- [Payment inputs and payment-method interfaces](https://pagesugar.com/categories/payment-inputs.md): Interfaces for provider-hosted payment fields and payment methods. Processing belongs to your payment provider. (0 published)
- [Checkout and purchase confirmation](https://pagesugar.com/categories/checkout.md): Checkout layouts, order summaries and confirmation views for your purchase workflow. (0 published)
- [Subscriptions, billing, usage, and credits](https://pagesugar.com/categories/billing.md): Interfaces for subscriptions, usage and invoices, backed by your billing data and services. (0 published)
- [Product discovery and product details](https://pagesugar.com/categories/products.md): Product cards, detail views and option selectors using your product information. (0 published)
- [Cart, orders, delivery, and after-sales](https://pagesugar.com/categories/cart-orders.md): Cart, order history, tracking and returns views for your commerce service. (0 published)

## Accounts and services

Account interfaces and task-focused views for connected services.

- [Authentication and account access](https://pagesugar.com/categories/authentication.md): Sign-in, registration and recovery interfaces for a connected authentication system. (0 published)
- [Profile, settings, onboarding, and personal accounts](https://pagesugar.com/categories/accounts.md): Profile, settings and onboarding interfaces using your account data and permissions. (0 published)
- [Appointments, reservations, and service booking](https://pagesugar.com/categories/booking.md): Service and time-slot selection interfaces for a connected reservation system. (0 published)
- [Events, conferences, and webinars](https://pagesugar.com/categories/events.md): Event listings, agendas and speaker layouts, with registration connected separately. (0 published)
- [Directories, listings, and location-led discovery](https://pagesugar.com/categories/directories.md): Listing cards and map-and-list views, with data and map providers defined per implementation. (0 published)
- [Restaurants, hospitality, and accommodation](https://pagesugar.com/categories/hospitality.md): Menus, venue details and accommodation layouts for restaurants and places to stay. (0 published)
- [Courses, memberships, and digital content](https://pagesugar.com/categories/courses.md): Course, lesson and progress views, with access control and progress storage supplied by your project. (0 published)
- [Community, discussion, and public feedback](https://pagesugar.com/categories/community.md): Discussion, comment and review interfaces for a connected community service. (0 published)
- [Donations, fundraising, and volunteering](https://pagesugar.com/categories/donations.md): Donation choices, fundraising displays and volunteer forms connected to your own services and verified information. (0 published)
- [Notifications, support tickets, and customer communication](https://pagesugar.com/categories/notifications.md): Notification lists, inboxes and support ticket views using your communication service. (0 published)

## Application patterns

Layouts, data displays and interfaces for application features.

- [Application layout and record management](https://pagesugar.com/categories/app-layout.md): Application shells, sidebars and record views for arranging an app interface. (0 published)
- [Analytics and data visualisation](https://pagesugar.com/categories/charts.md): Charts, sparklines and dashboard displays. Check each implementation’s data alternatives and interaction notes. (0 published)
- [Teams, collaboration, and work tracking](https://pagesugar.com/categories/collaboration.md): Team rosters, task lists and work boards, with collaboration and permissions handled by your application. (0 published)
- [Messaging and AI-assisted interfaces](https://pagesugar.com/categories/messaging-ai.md): Conversation and composer interfaces for your messaging or AI product. Models and message delivery are separate. (0 published)
- [Integrations and developer-facing account features](https://pagesugar.com/categories/integrations.md): Integration settings, webhook and API key interfaces for your product’s developer tools. (0 published)
- [Optional visual and motion enhancements](https://pagesugar.com/categories/visual-effects.md): Optional backgrounds and motion effects. Check each component’s motion behaviour before adding it. (2 published)
