Bento Grids

Reusable Shadcn UI Examples & Blocks

Extensive examples, top-notch blocks and components built with React, Tailwind CSS, and shadcn/UI. Includes admin dashboards, web apps, marketing sections, and more.

Get All Access Explore Examples

Recently Added

View all

Bento Grids

1 example

It is a layout style that arranges content blocks of different sizes in a visually balanced grid. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Todo List Apps

1 example

A to-do list app is an application for creating, organizing, and tracking tasks. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Note Apps

1 example

It is an application for creating, organizing and managing notes and ideas. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Featured Examples

View all

Admin Dashboards

3 examples

A standard clean admin dashboard template. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Chat Apps

1 example

A chat app template is a ready-made ui for quickly creating messaging apps. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

File Manager Apps

1 example

Organize, upload, and manage files efficiently with a file manager app. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Kanban Boards

1 example

A Kanban board is a visual workflow management tool that helps track tasks through stages like To Do, In Progress, and Done. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Music Apps

1 example

Music app is an app ui template used to stream, play and manage audio tracks. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Social Media Apps

1 example

A template for connecting, sharing and communicating with others online. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Admin Dashboard Examples & Blocks

View all

Admin Dashboards

3 examples

A standard clean admin dashboard template. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Dashboard Layouts

1 example

Pre-designed responsive dashboard page layouts. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

File Manager Apps

1 example

Organize, upload, and manage files efficiently with a file manager app. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Roles & Permissions

1 example

A page used to manage user access levels, roles, and authorization settings. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Settings Pages

1 example

Manage and customize your app preferences on a settings page. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Notifications Pages

1 example

A notifications page is a page that displays user alerts, updates, and recent activity in one place. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

E-Commerce Examples & Blocks

View all

Add Product Forms

1 example

The product addition form is a page composed of form elements that allow users to enter details and create a new product listing. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Shopping Carts

1 example

A cart is a virtual space where users collect selected products before proceeding to checkout. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Checkout Pages

1 example

A secure, conversion-optimized checkout page for fast payments and clear order review. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Point of Sale (POS) Apps

1 example

It is a template used to process sales, payments, and manage transactions. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Pricing Tables

1 example

A pricing table displays different product or service plans with their features and costs. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Product Detail Pages

1 example

A chat app template is a ready-made ui for quickly creating messaging apps. Built with Tailwind CSS, Shadcn UI, Radix ui, Next.js, React, Vue.js and Svelte. Typescript compatible.

Get Unlimited Access to All Examples & Blocks.

Unlock everything with a single payment. Get lifetime access to all content. You will also receive free access to all new examples.

Buy Now