Shadcn Bento Blocks

Browse 54+ animated bento sections built with React, Tailwind CSS and shadcn/ui. Copy & paste the code or install via the shadcn CLI.

54 blocks

Bento 1

Spotlight grid

Bento 2

Live cells

Bento 3

Hover lift

Bento 4

Developer tools with terminal and diff

Bento 5

Payments and fintech

Bento 6

E-commerce storefront

Bento 7

Product screenshots

Bento 8

Analytics with mini charts

Bento 9

Security and compliance

Bento 10

AI assistant with chat mock

Bento 11

Integrations hub

Bento 12

Team collaboration with avatars

Bento 13

Mobile app features

Bento 14

Marketing results in big numbers

Bento 15

Productivity calendar, tasks and notes

Bento 16

Design tool canvas, layers and colors

Bento 17

Video and media studio

Bento 18

Healthcare patient portal

Bento 19

Education and online courses

Bento 20

Travel planner

Bento 21

Real estate listings

Bento 22

HR and people operations

Bento 23

Customer support inbox

Bento 24

Data warehouse and pipelines

Bento 25

API platform

Bento 26

Open source project stats

Bento 27

Startup metrics board

Bento 28

Hardware and IoT fleet

Bento 29

Social app

Bento 30

AI image generation

Bento 31

AI agents at work

Bento 32

Search everything

Bento 33

Privacy by default

Bento 34

Performance scores

Bento 35

Global edge network

Bento 36

Changelog highlights

Bento 37

Pricing teaser

Bento 38

Testimonials wall

Bento 39

About the company

Bento 40

Email campaigns and automation

Bento 41

Feature flags and experiments

Bento 42

Accounting and bookkeeping

Bento 43

Restaurant point of sale

Bento 44

Logistics and shipment tracking

Bento 45

CRM sales pipeline

Bento 46

Recruiting and applicant tracking

Bento 47

Events and ticketing

Bento 48

Music streaming

Bento 49

Podcast recording studio

Bento 50

Gaming leaderboards

Bento 51

Fitness and activity tracker

Bento 52

Notes and knowledge base

Bento 53

Password manager vault

Bento 54

CI/CD pipelines

Shadcn UI Bento Blocks, Sections & Components

Each bento block is a self-contained React component with its copy exposed as props. Copy the code, install it through the shadcn CLI, or let your AI assistant pull it in through the Chocolate MCP server. You own the code and can change anything.

FAQs