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