Beartropy Logo

Beartropy UI

Open Source Laravel Package

Modern, beautiful, and production-ready components for Laravel + Livewire. Built with a focus on developer experience and UI consistency.

Get Started
composer require beartropy/ui
AI-Ready

Built for AI Coding Agents

Beartropy UI ships with full component knowledge for your AI assistant — via Laravel Boost MCP integration and publishable skill files for every major agent.

MCP Integration

Install Laravel Boost and Beartropy auto-registers two MCP tools. Your AI agent gets on-demand access to every component's props, slots, and examples.

Publishable Skills

Run php artisan beartropy:skills to publish skill files for Claude Code, Cursor, Windsurf, GitHub Copilot, and Codex.

Works with: Claude Code Cursor Windsurf GitHub Copilot Codex Learn more

Form Playground

Join the Bear Club

Beartropy UI
Personal Info
+ Choose wisely
+ Select...
🐻 Preferences

Buttons & Badges

Buttons & Badges

Button Variants

Button Colors

Button Sizes

Icon Buttons with Tooltips


Badge Variants

Solid Soft Outline Tint Glass

Badge Colors

Red Orange Amber Green Emerald Cyan Blue Indigo Violet Purple Fuchsia Pink Rose

Feedback & Overlays

Interactive Components

Toasts

Modal

Dialogs

Slider (Slide-over Panel)

Dropdown Menu

Data & Display

Table
Showing to of results
Avatars
XS
SM
MD
LG
XL
User 1
User 2
Skeleton

Card loaded!

Content appeared after the skeleton animation.

Bear

Skeleton placeholders keep your layout stable while content loads asynchronously. Great for perceived performance.

Rich Inputs

Textarea
0 / 200
Specialized Inputs

Utilities

Utilities

Command Palette

Press Cmd+K

Theme Toggle

Switch between light and dark mode

Icon Gallery

Heroicons and more