Blocks
Feature Grid
Responsive product feature grid with concise supporting content.
Default block
PreviewCode
Features
A system that scales with the work
Use the same visual language from a focused flow to a full application.
Composable by default
Start with focused primitives, then combine only what your product needs.
Accessible foundations
Keyboard behavior, focus treatment, and semantic markup are built into the system.
RTL-ready layouts
Logical spacing and direction-aware patterns support Arabic interfaces naturally.
Installation
Toggle your preferred package manager and run the CLI command to add this block and its dependency components.
DUI CLI · auto-installs dependencies
$
npx shadcn@latest add qentrah/DUI/blocks-feature-gridDUI Primitive Dependencies
This block is composed of the following primitives. Here are the commands to install them individually if needed:
Badgebadge
Displays a status or compact label.
npx shadcn@latest add qentrah/DUI/badge