基于 Motion 与 Tailwind CSS 构建的高级动态组件库,支持直接源码拷贝或通过 shadcn CLI 一键安装至项目中。
AgentsPlaygroundSponsors7kGetMotion GuidesAgent GuideOpenUIAI Agents17Message BubbleMessageMessage ScrollerPrompt InputTodo ListCode BlockApproval CardFile DiffTool ResultStreaming ResponseImage GenerationTool ApprovalCitationsAgent ActivityAgent Loading StatesAI SidebarChat AppComponents44Animated Color SelectorAnimated BreadcrumbTilt CardButtonAnimated CTA ButtonsExpandable ControlAdaptive StepperMarqueeTabsSwitchInputSelectComboboxMulti SelectCheckboxRadio GroupBottom SheetPull to RefreshShared Layout BackgroundBounce SidebarAnimated SidebarFile TreePreview RailDockTooltipAnimated Context MenuPopoverMorphing ModalCenter Morph ModalText AnimationNumber AnimationAnimated BadgeAction SwapAnimated Toast StackTheme ToggleBouncy AccordionDrawerScroll AnimationRange SliderWheel PickerTableShader BackgroundCylinder CarouselLoaderBlocks23Infinite MasonryNotification StackProject FolderCard FolderFixturesAvailability SchedulerMulti-chain SwapDynamic IslandCommand PaletteMorphing SearchExpandable Action BarOverflow ActionsExpandable TabsMorphing TabsSwipeable ListFile UploadPrediction MarketWallet CardOTP InputSign Up FormBloom MenuFeedback WidgetExplore beUITracwellVisitor insights for growthBecome a sponsorAll animated componentsShip your next idea faster.Heat CalendarReturns CalendarPrice Target FanMarket CardsFloating Dock
beUI 是一套面向 Next.js 生态的现代动画微交互组件库,全面整合 Framer Motion 与 Tailwind CSS。所有组件秉承「源码归你所有」的理念,无需 npm 强绑定依赖,支持 shadcn CLI 快速分发。特色组件包括金融收益热力日历、价格目标散布扇、变形模态框、iOS 灵动岛通知胶囊、可展开操作栏与丝滑数字渐变翻转动效。