Bento UI Kit

Beautiful glassmorphic UI primitives for React

Bento UI Kit

A collection of beautiful, accessible UI primitives built with React, Tailwind CSS 4, and Radix UI.

Features

• 🎨 12 Core Primitives - Extracted from 30 real-world designs
• ♿ Accessible - Built on Radix UI primitives
• 🎭 Glassmorphic - Beautiful blur and shadow effects
• 🎯 Type-Safe - Full TypeScript support with CVA variants
• 📦 Composable - Mix and match to create infinite variations
• 🎨 Design Tokens - 186+ documented design tokens

Quick Start

```bash bun add class-variance-authority clsx tailwind-merge bun add @radix-ui/react-slot ```

Core Primitives

• GlassmorphicCard
• GlowButton
• AvatarGroup
• StatCard

Examples

See Bento Cards for 30 real-world examples.