Shadcnblocks Releases Bento 28 for Shadcn UI

X postShadcnblocks.comResource

Shadcnblocks.com has shared Bento 28, a Pro 2x2 bento grid component. Designed for feature sections focusing on performance and tooling, it pairs animated UI previews with icon headlines and explanatory copy.

Key points

  1. Bento 28 features a four-tile two-by-two layout on a white background with bordered cards and distinct animated previews.
  2. Tile copy addresses asset optimization, real-time editing chrome, multi-content attachments, and typography scales.
  3. Built with Radix UI, Base UI, and React Aria, the component can be installed via an npx CLI command.
  4. Mobile viewports adapt by stacking tiles vertically while keeping the preview-above-caption hierarchy.

Why it matters

Pre-built bento blocks accelerate frontend delivery for marketing and product pages. Because it integrates into Shadcn UI workflows, developers can adapt code and styling directly in their projects.

Analysis

Unlike asymmetrical bento layouts, Bento 28 enforces an identical hierarchy across all four cells, functioning as a clean template. The animations rely on CSS and SVG panels that trigger counters and fade-ins on scroll.

Original post

Shadcnblocks.com

@shadcnblocks · 2 October 2026

Shadcn Block - Bento 28 t.co/mA1RqngWbt t.co/gz8PnWWwHl

20 likes0 replies14 bookmarks755 views

View on X

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 3 October 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Link:Ajay Patel, Anand Patel

    Shadcn Studio: Components, UI Blocks, and Templates for shadcn/ui

    Shadcn Studio provides pre-built UI components, blocks, and templates for shadcn/ui, supporting both Radix UI and Base UI. In addition to copy-paste code and CLI installation, the platform features AI tools such as an MCP server, theme generation, and a Figma plugin.

    AI & LLMs· Tool

  • Link:uiarc.dev

    Arc: Animated React Components and UI Blocks for shadcn and AI Workflows

    Arc (uiarc.dev) is a React component and block library built with native motion and animations. It includes 140 UI components and 83 ready-to-use blocks designed to be installed via the shadcn CLI, an MCP server, or AI coding tools like Cursor and Claude.

    Web development· Tool

  • X post:Houdayfa

    UIArc: Animated React Components for shadcn and Next.js

    Houdayfa highlights UIArc, a component library created by Elia Kuratli. It offers 149 React components and 87 pre-built UI blocks with integrated micro-interactions designed for Next.js and the shadcn ecosystem.

    869bookmarks34kviews

    Web development· Tool

  • X post:Elia

    Arc UI: Animated React Components for shadcn and Next.js

    Elia highlighted a smooth share sheet interaction built with Arc UI, a library featuring 153 motion-enabled React components and 89 UI blocks for Next.js and shadcn.

    555bookmarks20.5kviews

    Web development· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.