Workflow cards

Features with animated workflow illustration cards.

Usage

import { WorkflowFeatures } from '@/components/blocks/features-03'


<WorkflowFeatures />


// Swap in your own copy
<WorkflowFeatures
  eyebrow="Integrations"
  title="Automate the busywork"
  features={{
    routines: { title: 'Scheduled runs', description: 'Run any flow on a timer.' },
    triggers: { title: 'Webhooks', description: 'Start flows from any event.' },
  }}
/>

Install

pnpm dlx shadcn@latest add @pastaui-pro/features-03

npx shadcn@latest add @pastaui-pro/features-03

yarn dlx shadcn@latest add @pastaui-pro/features-03

bunx --bun shadcn@latest add @pastaui-pro/features-03

Source

Props

Workflow cards props
Prop	Type	Default	Description
eyebrow	string	= 'Automations'	Small accent label above the heading.
title	string	= 'Workflows that keep running after you log off'	Section heading. Pass an empty string to show only the cards.
description	string	= Workflow automation copy	Supporting paragraph under the heading.
features	Partial<Record<'routines' \| 'triggers' \| 'integrations', { title: string; description: string }>>	= Routines, triggers and integrations copy	Title and description for each card. Keys you leave out keep their default copy.
className	string	= —	Additional classes for the section.