Feature sections

Marketing feature blocks. Four variants cover everything from a six-up dl to a screenshot-led showcase.

Preview

All-in-one platform

A platform that scales from your first prototype to production.

Push to deploy
Ship from a single click. Rollbacks and previews included.
SSL certificates
Automatic provisioning and renewal — no Let's Encrypt headaches.
Simple queues
Durable background jobs with retries and dead-letter visibility.
Advanced security
SOC 2 controls, per-tenant isolation, fine-grained roles.
Powerful API
Composable endpoints, well-typed responses, versioned access.
Database backups
Hourly snapshots, point-in-time recovery, off-site retention.

Deploy faster

Everything you need to deploy your app

Quis tellus eget adipiscing convallis sit sit eget aliquet quis.

Push to deploy

Ship from a single click. Rollbacks included.

Learn more

SSL certificates

Automatic provisioning and renewal everywhere.

Learn more

Simple queues

Durable background jobs with retries and observability.

Learn more

Stay on top of customer support

Built around shared context — every team member sees what matters.

Unlimited inboxes

Add as many shared inboxes as your team needs.

Learn more

Manage team members

Invite teammates, set roles, audit access.

Learn more

Spam report

Catch low-quality messages before they reach your team.

Learn more

Everything you need

No server? No problem.

Ship faster with a managed platform that handles the boring bits.

App screenshot App screenshot
Push to deploy.
Atomic releases with instant rollback.
SSL certificates.
Auto-provisioned and renewed forever.
Simple queues.
Durable jobs with rich introspection.
Advanced security.
SOC 2 controls baked into every tier.
Powerful API.
Versioned, well-typed, composable.
Database backups.
PITR and off-site retention by default.

React preview

LiveView (HEEx) 

alias DesignSystem.UI.FeatureSections

<FeatureSections.feature_section
  variant="three-column-small-icons"
  eyebrow="Deploy faster"
  title="Everything you need to deploy your app"
  description="A short lede that sells the rest of the page."
  align="center"
  features={[
    %{
      name: "Push to deploy",
      description: "Ship from a single click.",
      href: "/docs/deploy",
      icon: "hero-cloud-arrow-up"
    },
    %{
      name: "SSL certificates",
      description: "Auto-provisioned and renewed.",
      href: "/docs/ssl",
      icon: "hero-lock-closed"
    },
    %{
      name: "Simple queues",
      description: "Durable jobs with retries.",
      href: "/docs/queues",
      icon: "hero-arrow-path"
    }
  ]}
/>

React (JSX) 

import { CloudArrowUpIcon, LockClosedIcon, ArrowPathIcon } from "@heroicons/react/20/solid"
import { FeatureSection } from "../ui/index.mjs"

const features = [
  { name: "Push to deploy", description: "Ship from a single click.", href: "#", icon: CloudArrowUpIcon },
  { name: "SSL certificates", description: "Auto-provisioned and renewed.", href: "#", icon: LockClosedIcon },
  { name: "Simple queues", description: "Durable jobs with retries.", href: "#", icon: ArrowPathIcon },
]

<FeatureSection
  variant="three-column-small-icons"
  eyebrow="Deploy faster"
  title="Everything you need to deploy your app"
  description="A short lede that sells the rest of the page."
  align="center"
  features={features}
/>