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/feature-bento-gridFeatureBentoGrid| Prop | Type | Default | Description |
|---|---|---|---|
badge | string | undefined | Optional badge text displayed above the title |
title | string | "Build faster," | Main title text |
titleHighlight | string | "ship smarter." | Highlighted secondary title text (shown in muted color) |
subtitle | string | "Transform your development..." | Subtitle description text |
className | string | undefined | Additional CSS classes for the section |
The component includes a pre-built bento grid with:
Row 1 (3 columns):
Row 2 (2 columns):
Row 3 (2 columns):
This component requires:
motion for animationsnext/image for optimized images@/components/ui/dot-pattern for background patterns@/lib/utils for className utilities/testimonial-01.jpg)