Categories
Find your starting point. Every category is one part of a website, with the components that belong to it.
Website sections
Public-facing sections and content blocks for marketing, company, editorial and local-business websites.
Layout and page composition
Containers, grids and page structure for arranging website content.
Planned
Headers and website navigation
Headers, menus and breadcrumbs that help visitors find their way around a site.
Planned
Heroes and page introductions
Opening sections that introduce a product, service or story and its next step.
Planned
Features, services, benefits, and process
Sections for explaining capabilities and benefits. The current collection includes a text-based feature tab section.
1 component
Trust, testimonials, and social proof
Layouts for customer quotes, logos and other evidence you have permission to publish.
Planned
Pricing and plan presentation
Sections for comparing offers. The current pricing grid displays plans and links; it does not handle billing.
1 component
Calls to action, lead capture, and promotion
Sections that invite a next step. The current signup form needs your own email subscription service.
1 component
Company, team, and careers
About, team and careers sections for introducing an organisation and its people.
Planned
Portfolios, projects, and case studies
Project cards and case study layouts for showing your work and explaining the result.
Planned
Contact, locations, and local business information
Contact details, opening hours and location information for visitors planning to get in touch.
Planned
Blog, editorial, and resource content
Article cards, author information and reading layouts for a blog or resource collection.
Planned
FAQs, documentation, and public help
Patterns for answering common questions. The current FAQ accordion shows and hides plain-text answers.
1 component
Images, galleries, audio, and video
Image, gallery, audio and video presentation, with media requirements defined by each component.
Planned
Footers and public policy presentation
Footer layouts and policy links using your own content and destinations.
Planned
Controls and forms
Supporting controls, inputs, feedback states and reusable business forms used across website sections.
Typography, identity, and information primitives
Headings, badges, avatars and small displays of information.
Planned
Buttons, links, and action controls
Buttons and links for actions such as copying, sharing or loading more content.
Planned
Disclosure, overlays, and contextual interaction
Menus, dialogs, drawers and tooltips that reveal information in context.
Planned
Text and numeric inputs
Text and number fields with labels, hints and validation feedback in the interface.
Planned
Selection and specialised pickers
Checkboxes, radio groups, selects and sliders for choosing values.
Planned
Dates, times, and schedules
Date, time and range selectors. Timezone and format behaviour depends on the implementation.
Planned
Contact, identity, and address inputs
Fields for names, phone numbers and addresses, separate from complete contact forms.
Planned
Files, media input, and editing
File selection, cropping and editing interfaces. Uploading and storage need a connected implementation.
Planned
Form structure, validation, and submission
Field groups, steps and feedback that help people complete a form.
Planned
Reusable business forms
Contact, quote and application form interfaces for connecting to your own handlers.
Planned
Search, filtering, sorting, and discovery
Search fields, filters and result layouts for your site, connected to your search data.
Planned
Lists, tables, and structured data
Lists, tables and timelines that present the data you supply.
Planned
Loading, feedback, errors, and recovery
Loading, empty, error and success states that explain what happened and what to do next.
Planned
Visitor preferences, privacy, and accessibility utilities
Controls for language, appearance and consent preferences, with policy and persistence defined by your project.
Planned
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
Interfaces for provider-hosted payment fields and payment methods. Processing belongs to your payment provider.
Planned
Checkout and purchase confirmation
Checkout layouts, order summaries and confirmation views for your purchase workflow.
Planned
Subscriptions, billing, usage, and credits
Interfaces for subscriptions, usage and invoices, backed by your billing data and services.
Planned
Product discovery and product details
Product cards, detail views and option selectors using your product information.
Planned
Cart, orders, delivery, and after-sales
Cart, order history, tracking and returns views for your commerce service.
Planned
Accounts and services
Account interfaces and task-focused views for connected services.
Authentication and account access
Sign-in, registration and recovery interfaces for a connected authentication system.
Planned
Profile, settings, onboarding, and personal accounts
Profile, settings and onboarding interfaces using your account data and permissions.
Planned
Appointments, reservations, and service booking
Service and time-slot selection interfaces for a connected reservation system.
Planned
Events, conferences, and webinars
Event listings, agendas and speaker layouts, with registration connected separately.
Planned
Directories, listings, and location-led discovery
Listing cards and map-and-list views, with data and map providers defined per implementation.
Planned
Restaurants, hospitality, and accommodation
Menus, venue details and accommodation layouts for restaurants and places to stay.
Planned
Courses, memberships, and digital content
Course, lesson and progress views, with access control and progress storage supplied by your project.
Planned
Community, discussion, and public feedback
Discussion, comment and review interfaces for a connected community service.
Planned
Donations, fundraising, and volunteering
Donation choices, fundraising displays and volunteer forms connected to your own services and verified information.
Planned
Notifications, support tickets, and customer communication
Notification lists, inboxes and support ticket views using your communication service.
Planned
Application patterns
Layouts, data displays and interfaces for application features.
Application layout and record management
Application shells, sidebars and record views for arranging an app interface.
Planned
Analytics and data visualisation
Charts, sparklines and dashboard displays. Check each implementation’s data alternatives and interaction notes.
Planned
Teams, collaboration, and work tracking
Team rosters, task lists and work boards, with collaboration and permissions handled by your application.
Planned
Messaging and AI-assisted interfaces
Conversation and composer interfaces for your messaging or AI product. Models and message delivery are separate.
Planned
Integrations and developer-facing account features
Integration settings, webhook and API key interfaces for your product’s developer tools.
Planned
Optional visual and motion enhancements
Optional backgrounds and motion effects. Check each component’s motion behaviour before adding it.
Planned



