🎉 112+ shadcn/UI components + drag & drop editor — lifetime deal! 🚀 👇
🛠️ Start Building

BuouUI

Paid

Retro Tailwind components ready to copy‑paste

Get now
BuouUI Image 1
Details About BuouUI
Key points:
  • Documentation
  • Copy & Paste
  • Theming

BuouUI offers a variety of Tailwind CSS components such as buttons, cards, and navigation sections, all with smooth animations. It's ideal for developers looking for quick, polished UI elements to speed up their web projects.

What is it?

Floating Dock Component

BuouUI is a collection of Tailwind CSS-based UI components and sections, featuring sleek animations and clean designs. It is designed for developers who want ready-to-use, visually appealing elements that enhance user experience.

Brutal Retro UI Kit

Brutal Retro Component - Dialog

Brutal Retro Component - Command bar

BuouUI’s Brutal Retro bundle is a hand‑picked set of neo‑brutalist components, sections and landing pages—all built with React, TypeScript and Tailwind CSS, and animated via Framer Motion. Just copy the snippet and you’re live—no NPM install needed.​

Included Components

Build eye‑catching sites fast with BuouUI’s rich component library.

CSS Folder Card

CSS Wallet Card

Brutal Components

  • Accordion

  • Alert

  • Alert Dialog

  • Avatar

  • Button

  • Badge

  • Breadcrumb

  • Card

  • Checkbox

  • Combobox

  • Radio Group

  • Command

  • Dialog

  • Drawer

  • Dropdown Menu

  • Form

  • Hover Card

  • Input

  • Label

  • Menubar

  • Navigation Menu

  • Pagination

  • Popover

  • Progress

  • Resizable

  • Scroll Area

  • Select

  • Separator

  • Skeleton

  • Slider

  • Switch

  • Table

  • Tabs

  • Toast

  • Tooltip

Bill Calendar Component

Bento Grids Component

Animations

  • Countdown Timer

  • Animated Tabs

  • 3D Logo Particles

  • Firework

  • Particle Clock

  • Screen Scrolling

  • Nintendo Switch

  • 3D Event Badge

  • Avatar List

  • Scroll Island

  • Bill Calendar

  • Workflow Animation

  • Nintendo NES Controller

  • Clock

  • Dark Mode

  • Ads Banner

  • Logo Bling Bling

Music Card Component

Backgrounds

  • Beams (New)

  • Particle Bubbles (New)

  • Hacker (New)

  • Pixel (New)

  • Rain Letters (New)

  • Floating Pixel (New)

  • Meteor Shower (Pro)

  • Floating Bubbles

  • Floating Color

  • Waves

  • Dot

  • Animated Grid

  • Grid

Components

Buttons

  • Button

  • Animated Button (Pro)

  • Button with Link (Pro)

  • AI Prompt Button

  • Button with Trail

  • GitHub Button

  • Confetti Button

  • Sprinkle Flowers Button

Forms

  • Multi-Step Form (Pro)

  • Password Input

  • Stepper

  • Card Input

Text

  • Matrix Text (New)

  • Wave Revel Text (New)

  • Particle Text (New)

  • Generate Text (Pro)

  • Smooth Flipping Number (Pro)

  • Smooth Flipping Text (New)

  • Flipping Text (Pro)

  • Smooth Typing Text (Pro)

  • Smooth View Text (Pro)

  • Typing Text

  • Window Typing Text

  • Fade In Out

  • No Lib Typing Text

  • Text Drop

  • Scaling

Cards

  • Glowing Card (New)

  • Card Hover Effect (New)

  • Gallery Card (Pro)

  • Counter Card (Pro)

  • Kanban Board Card (Pro)

  • Marquee Card (Pro)

  • Animotion LED Card (Pro)

  • Bento Grid (Pro)

  • Hover Card

  • Folder Card

  • PageView Card

  • Animations Card

  • Bill Card

  • Join Us Card

  • Retro Style Card

  • Weather Card

  • Flipping Card

  • Animated Music

  • Music Card

  • Thanks Card

  • Twitter Display

  • Profile Card

  • Frosted Glass Card

  • Wallet Card

  • Border Trail Card

  • BuouNext Features

  • Color Card

Features

  • High-quality, responsive Tailwind CSS components

  • Built-in animations using Framer Motion

  • Pre-built sections like headers, footers, and modals

  • Supports Next.js 13 and React 18

  • Components styled with Radix UI

Pros and Cons

Pros

  • Includes a wide range of components and sections

  • Easy integration with Tailwind CSS and React

  • Affordable pricing

Cons

  • Does not include design files (like Figma)

  • Subscription-based

Included Components/Templates

  • Accordion

  • Aspect Ratio

  • Avatar

  • Badge

  • Breadcrumb

  • Breadcrumb Dropdown

  • Breadcrumb Ellipsis

  • Button

  • Navigation Menu

  • Pagination

  • Popover

  • Progress

  • Radio Group

  • Radio Group Form

  • Resizable

  • Scroll Area

  • Alert

  • Button Styles

  • Calendar

  • Card

  • Card Form

  • Carousel

  • Carousel Styles

  • Checkbox

  • Checkbox Form

  • Select

  • Select Form

  • Separator

  • Sheet

  • Sheet Side

  • Skeleton

  • Slider

  • Alert Destructive

  • Collapsible

  • Combobox

  • Combobox Form

  • Command

  • Command Dialog

  • Context Menu

  • Date Picker

  • Date Picker Form

  • Dialog

  • Switch Form

  • Table

  • Tabs

  • Textarea

  • Textarea Form

  • Toast

  • Alert Dialog

  • Drawer

  • Dropdown Menu

  • Form

  • Hover Card

  • Input

  • Input Form

  • Input OTP

  • Label

  • Menubar

  • Toggle

  • Toggle Group

  • Tooltip

  • Switch

  • Sonner

Integrations

  • Tailwind CSS 3.x

  • Next.js 13

  • React 18

FAQ

What is BuouUI?

BuouUI is a Tailwind CSS component library with built-in animations and UI elements for modern web development.

Can I customize BuouUI components?

Yes, all components are customizable using Tailwind CSS and React.

Featured Tailwind Components

Best Tailwind components and elements to use on your web projects.

Shadcnblocks

Hundreds of premium components & blocks built for Tailwind & Shadcn UI

Oxbow UI HOT

220+ Free & Premium Tailwind, Alpine.js components