Free, open-source animated components for React and Next.js, built with Motion and Tailwind CSS. Copy the source or install with the shadcn CLI.
Included Components
104
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 provides a modern collection of micro-interaction primitives and animated building blocks for Next.js applications. Engineered around Framer Motion and Tailwind CSS, beUI components are designed to be copied directly into your codebase with complete ownership and zero lock-in. Standout components include financial data visualizations (returns heatmaps, target fans), morphing modal dialogs, iOS-style dynamic island notifications, floating docks, and smooth number rolling transitions.
