Blocks

Three-tier pricing comparison with feature lists and CTAs.

Customer quote with avatar, name, and role.

Horizontal metric cards for KPI snapshots.

Email capture form with heading and description.

404/500 page with illustration and back link.

Folder tree with file list, breadcrumbs, and actions.

Email/password login with social auth buttons.

Registration form with name, email, password fields.

Password reset request form.

Change password form with current/new fields.

Google, GitHub, and Twitter login buttons.

Avatar with dropdown for user menu.

Overlapping avatars for team/collaborator display.

Drag-and-drop file upload area.

Scrollable list with infinite loading.

Chat interface with messages and input.

Collaborative cursor overlay for multiplayer.

Course listing cards with gradient thumbnails, rating, price, and enroll CTA.

Blog article cards with category badges, excerpt, and read time.

E-commerce product cards with rating, price, and add-to-cart.

Event listing cards with date, location, and registration.

Team member roster with status badges and invite button.

Timeline-style activity log with type-based icons.

Notification list with read/unread states and types.

Responsive feature grid cards with icons and descriptions.

Collapsible accordion FAQ with expand/collapse interaction.

Contact form with name, email, message fields and success state.

KPI metrics card with trend indicators and type icons.

Invoice listing with status badges, dates, and download action.

Tabbed settings card with General, Notifications, Security, and Appearance sections.

API key management with visibility toggle, copy, revoke, and create actions.

Multi-step onboarding flow with profile setup, team invite, and plan selection.

Three-step checkout form with info, payment, and confirmation stages.

Billing overview with current plan, payment method, and recent invoices.