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