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