Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/workflow-bento-gridWorkflowBentoGrid| Prop | Type | Default | Description |
|---|---|---|---|
badge | string | undefined | Optional badge text displayed above the title |
title | string | "Streamline" | Main title text (displayed in italic) |
titleHighlight | string | "your workflow." | Highlighted secondary title text |
subtitle | string | "Leverage intelligent automation..." | Subtitle description text (displayed in semibold) |
className | string | undefined | Additional CSS classes for the section |
The component includes a pre-built bento grid with 4 cells:
Smart Data Classification (Top Left):
Instant Report Generation (Top Right):
Real-time Intelligence (Bottom Left):
Custom Query Builder (Bottom Right):
The grid uses several internal components:
This component requires:
motion for animations@/components/ui/dot-pattern for background patterns@/lib/utils for className utilities