Skip to content
Index730 resources
beUI

beUI

106-item Motion + Tailwind registry for React, shadcn-compatible

Tier A · StrongComponent LibraryRegistryAnimation Librarybeui.dev

(Visit beui.dev ↗)(Docs)(Repository)(Registry)
Preview image from beui.dev

beUI is a copy-paste motion component registry for React and Next.js built on Motion (Framer Motion) and Tailwind, installed through the shadcn CLI. Its registry.json lists 106 items — 79 components and 27 blocks — spanning the usual animated primitives (button variants, tabs, switch, select, combobox, drawer, dock, tooltip, popover morph, morphing modal, five range-slider treatments, four action-swap styles), scroll and text effects, a shader background, and a full agent-UI set: message, prompt-input, reasoning-text, thinking-shimmer, tool-approval, file-diff, citations, streaming-response and a whole chat-app block. Blocks go further into product territory — dynamic island, command palette, swipeable list, OTP input, signup form, wallet card, prediction market and five distinct 404 pages. MIT, free, with a separate paid Pro tier.

Install
bunx --bun shadcn add @beui/notification-stack

For an agent

Reach for beUI when shadcn/ui already covers the structure and the gap is motion — it installs through the same CLI into the same components/ui path, so the two compose without a second design system. Prefer it over Aceternity or Magic UI when the target is product UI rather than a landing page: the range-slider, wheel-picker, editable table and agent-UI sets are app furniture, not hero decoration, and the five 404 variants and dynamic island are genuinely production-shaped. Two things to watch: everything is client-side Motion, so mark files 'use client' and keep the heavy items (shader-background, cylinder-carousel, infinite-masonry) off first paint; and its agent components (message, prompt-input, tool-approval) overlap Vercel ai-elements and brainless — pick one family so the chat surface stays visually coherent.

Why it is here. One of the few motion registries with enough breadth — 106 items covering forms, tables, mobile gestures and agent chat — to carry a whole app instead of decorating a marketing page.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source, Freemium
Framework
React, Next.js
Styling
Tailwind CSS, CSS custom properties
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Readable open source, Copy-paste ready code, Structured documentation
Accessibility
Built on accessible primitives, Unknown
Maturity
Actively maintained
Pricing detail
Core registry free and MIT. A paid Pro tier exists at pro.beui.dev; price not verified.
GitHub stars
962

Components it ships

106 total
ButtonTabsSwitchText InputSelectComboboxCheckboxRadio ButtonSheetDrawerSidebarDockTooltipContext MenuPopoverModalMarqueeCount UpBadgeToastAccordionScroll RevealParallaxSliderRange SliderTableCarouselSpinnerMasonryCommand PaletteFile UploadOtp InputSignup FormError PageToggle ButtonText EffectShimmerTransitionGestureNotification CenterMessageMessage ScrollerPrompt InputReasoningTool CallApproval RequestStreaming TextInline CitationCode BlockTaskGenerated ImageDiff ProposalConversationGradient BackgroundSurvey

Helps you build

12
AI Chat PanelAI Action Approval404Sign UpTwo Factor AuthenticationUploading MediaCommand PaletteFeedback SurveySettings Web AppHomepageFeedTab Bar Navigation

Templates

15 of 27

Notable for

  • 106 registry items, 79 components + 27 blocks
  • full agent/chat component set including a chat-app block
  • five range-slider and five 404 variants
  • installs through the shadcn CLI
  • MIT and shipping weekly

Provenance

Verified 2026-08-15. HTTP 200. https://beui.dev/, https://beui.dev/r/registry.json (parsed, 106 items counted), https://github.com/starc007/ui-components via gh repo view

Also in Motion & Interaction

6
beui.devTier A