beUI

Changelog

What's new in beUI

Every week of beUI: new animated React and React Native components, improvements, and accessibility and motion fixes.

RSS feed

  1. Week of

    A public changelog

    • NewThis changelog lists each week's new components, improvements and fixes, with an RSS feed to follow along.

  2. Week of

    React Native components arrive

    beUI Native brings React Native versions of beUI components to the site, alongside two new charts and a broad keyboard and focus pass.

    • NewReact Native components now have their own pages, each with a showcase clip, an Expo Go QR code, CLI and manual install steps, and related native components. Learn more
    • NewComponent pages with a React Native version get a Web and React Native switch, and the sidebar can filter to native components. Learn more
    • NewThe AI agent components are now available for React Native, with a setup guide for adding beUI Native to an Expo project. Learn more
    • NewDonut Chart shows shares as a round-capped ring with a sweep-in, a focused segment pop, a cross-fading center readout and keyboard-navigable legend rows. View Donut Chart
    • NewCandlestick Chart renders OHLC data with volume bars, a springing last-price line and a pointer or keyboard crosshair with an OHLC readout. View Candlestick Chart
    • ImprovedOrder Book can inspect depth to a hovered or focused level, with an average-fill summary and optional price selection. View Order Book
    • ImprovedSelect now unfolds from the trigger on a single spring, staying anchored with rows that never scale. View Select
    • ImprovedTabs accept an icon per trigger, and can show icons only on the selected tab, springing them open as selection moves. View Tabs
    • FixedClosed keyboard and focus gaps: arrow keys in Select, Radio Group and Tabs, focus trapping in Drawer, Bottom Sheet, Morphing Modal and Bloom Menu, keyboard-openable Swipeable List rows, and a Shader Background that stays still under reduced motion.
    • FixedMorph popovers reveal without shifting or stretching their content, and popover exits play through even when content remounts. View Popover
    • ImprovedEvery component page now has a collapsible About section with use cases, accessibility notes and an FAQ.
    • ImprovedCode blocks ship much lighter markup, so pages that bundle many source files load faster.

  3. Week of

    Color Picker, Card and new charts

    • NewAnimated Alert adds composable inline feedback with five variants, dismissible exits and polite or urgent announcements. View Animated Alert
    • NewAnimated Collapsible adds a composable disclosure with a spring reveal, custom triggers and controlled or uncontrolled state. View Animated Collapsible
    • NewAspect Ratio adds a responsive frame and image that morph smoothly between ratios. View Aspect Ratio
    • NewTreemap, Volume Profile and Status Bar charts join the charts collection, each with tooltips, keyboard inspection and an exact-data table. Learn more
    • NewColor Picker opens from a trigger chip that morphs into the saturation area, with hue and alpha sliders, a drag loupe, hex and channel inputs, presets and an eyedropper. View Color Picker
    • NewCard is a composable card with header, action, content and footer parts, plus optional press feedback and a selected ring. View Card
    • NewMorphing Search gains a Chip Search variant that turns search terms into removable chips and unfolds recents and suggestions from the bar. View Morphing Search
    • ImprovedTooltip was rebuilt as composable parts with arrow, alignment, delays and icon-only labels, and no longer sticks open after a click or shows two at once. View Tooltip
    • ImprovedRadio Group, Checkbox and Approval Card options accept an optional description shown under the label.
    • FixedUpgraded to Framer Motion 12 to stop a one-frame flash at the end of fades, and overlays re-entering mid-exit now restore fully.

  4. Week of

    Voice Orb, Arc Picker and more

    • NewVoice Orb is a breathing liquid sphere whose silhouette reacts to a voice level or an audio analyser. View Voice Orb
    • NewArc Picker is a radial text picker that curves from any edge and selects as labels cross the center, with drag momentum and keyboard support. View Arc Picker
    • NewSortable List adds a composable reorderable list with drag handles, keyboard reordering, undo and position announcements. View Sortable List
    • NewImage Viewer adds a composable morphing lightbox with smooth navigation between images. View Image Viewer
    • NewDate Range Picker adds a composable range picker with inline and dropdown layouts, presets and full keyboard navigation, whose trigger morphs open. View Date Range Picker
    • FixedThe gooey popover now hides its closed layer once the close animation settles. View Popover

  5. Week of

    Composition charts and breadcrumbs

    • NewComposition Chart shows normalized stacked bars or areas with a compact legend, series pinning and shared tooltips. View Composition Chart
    • NewAnimated Breadcrumb collapses long paths into an overflow dropdown, with matching slide and fade transitions. View Animated Breadcrumb
    • NewAnimated Color Selector adds compact radio color swatches with a gliding selection ring. View Animated Color Selector
    • ImprovedChart tooltips now move smoothly, stay inside the chart and animate in and out. Learn more
    • FixedThe morph popover no longer flashes when it opens. View Popover
    • ImprovedThe landing page and site styling were refreshed with clearer navigation and theme controls in the navbar. Learn more

  6. Week of

    Charts get their own home

    Data visualizations moved to a dedicated charts section, with five new charts in one week.

    • NewCharts now have their own section, starting with composable Heat Calendar, Returns Calendar and Price Target Fan components. Learn more
    • NewOrder Book adds an animated depth ladder that updates without moving its numbers. View Order Book
    • NewBump Chart animates ranking changes over time, with rank tooltips and series pinning. View Bump Chart
    • NewLiquidity Heatmap shows price and time liquidity bands with animated intensity and keyboard inspection. View Liquidity Heatmap
    • NewFunnel Chart draws connected curved stages in vertical or horizontal directions, with conversion and drop-off tooltips. View Funnel Chart
    • ImprovedTabs can show integrated overflow controls when there are more tabs than fit. View Tabs
    • FixedApproval Card hides step navigation when there is only one question. View Approval Card

  7. Week of

    Inline Slider and market cards

    • NewRange Slider gains an Inline Slider design that keeps its label and value inside the track. View Range Slider
    • NewPrediction Market adds Market Cards with odds buttons, payout tooltips, volume sparklines and bookmarks. View Prediction Market
    • ImprovedThe base Range Slider handle and fill now match the inline design, without focus borders during pointer use. View Range Slider
    • FixedTitle-only toasts now center their content. View Animated Toast Stack
    • FixedThe tabs indicator no longer overshoots into a scrollbar jitter. View Tabs

  8. Week of

    Adaptive Stepper and Card Folder

    • NewAdaptive Stepper is a numeric stepper that grows its value into the space of an unavailable action at its bounds. View Adaptive Stepper
    • NewCard Folder tucks a card into a stitched purse pocket that lifts forward as the purse compresses. View Card Folder
    • NewNumber Animation gains a Digit Swap variant. View Number Animation

  9. Week of

    File Tree and Multi Select

    • NewButton gains a Metallic Button variant. View Button
    • NewFile Tree adds composable files and folders with springing branches, a gliding selection and full keyboard navigation. View File Tree
    • NewMulti Select adds searchable options, removable animated tokens and a morphing panel. View Multi Select
    • FixedInput validation messages no longer shift the surrounding layout. View Input
    • FixedAvailability Scheduler keeps time ranges on the same calendar day. View Availability Scheduler

  10. Week of

    Morphing Search and iOS fixes

    • NewMorphing Search is a search field that morphs into a focus-managed results surface and back. View Morphing Search
    • NewExpandable Control adds click-to-expand buttons and chips that reveal a label or trailing action. View Expandable Control
    • FixedFixed touch, gesture and narrow-width issues on iOS Safari across the component set.
    • FixedFull-viewport overlays no longer trigger iOS 26 edge color sampling.
    • FixedArrow keys in Combobox, Command Palette and Morphing Search now step from the right row when the list changes.
    • FixedText Shimmer now stops under reduced motion, and cascade text no longer clips. View Text Animation
    • ImprovedThe motion guides were redesigned with better navigation and Markdown versions. Learn more

  11. Week of

    Combobox and Project Folder

    • NewCombobox adds searchable selection where the input is the trigger, with grouped filtering, keyboard navigation and a gliding active row. View Combobox
    • NewProject Folder fans its files open on hover and morphs into a focus-managed overlay on click. View Project Folder
    • NewText Animation gains a Text Scramble variant that resolves changed text while keeping a stable accessible value. View Text Animation
    • ImprovedAgent Activity accepts custom working and completed status renderers. View Agent Activity
    • FixedBottom Sheet accessibility was improved. View Bottom Sheet
    • FixedThe gooey popover trigger stays visible in Safari. View Popover
    • NewA new guide covers using beUI with OpenUI. Learn more

  12. Week of

    Agent Interfaces components launch

    A new category of AI and agent interface primitives, from messages and prompt input to approvals, tool results and citations.

    • NewAgent Interfaces adds a full set of AI interface components, including Message, Message Scroller, Prompt Input, Todo List, Code Block, File Diff, Tool Result, Streaming Response, Image Generation and Citations. Learn more
    • NewChat App combines navigation, messages, streaming, approvals, tool results and prompt input into one agent workspace shell. View Chat App
    • NewAgent Activity shows streaming text, reasoning, searches and tool calls, then collapses into a reopenable summary. View Agent Activity
    • NewApproval Card and Tool Approval add human-in-the-loop decision and permission surfaces. View Approval Card
    • NewAgent Loading States adds Thinking Shimmer, Agent Progress and Reasoning Text. View Agent Loading States
    • NewMorphing Tabs adds liquid, spring-driven tabs that can be reordered by dragging. View Morphing Tabs
    • NewSign Up Form adds a composed sign-up flow with forgiving validation, a password strength meter and animated submit states. View Sign Up Form
    • FixedCommand Palette scrolling stays contained inside the palette. View Command Palette

  13. Week of

    Context Menu and Animated Sidebar

    • NewAnimated Context Menu opens from the pointer on right-click or long-press, with checkbox and radio items, keyboard navigation and typeahead. View Animated Context Menu
    • NewAnimated Sidebar adds an application sidebar with icon or off-canvas collapse, nested menus and a mobile sheet. View Animated Sidebar
    • NewFile Upload gains an Attachment Upload variant with image previews, upload states, retry and an audio waveform. View File Upload
    • NewFixtures gains a Knockout Wheel that draws the tournament radially with the champion at the hub. View Fixtures
    • ImprovedKnockout Bracket adds an optional third-place match, team logos or country flags, and optional match metadata. View Fixtures
    • NewRange Slider gains Fluid, Wave, Bubble and Ruler designs. View Range Slider
    • NewTheme Toggle gains a blinds reveal. View Theme Toggle
    • ImprovedPopover content now renders in a portal so it escapes clipping and stacking contexts. View Popover

  14. Week of

    Center Morph Modal and Bounce Sidebar

    • NewCenter Morph Modal unfolds from its center toward every edge and folds back the same way. View Center Morph Modal
    • NewBounce Sidebar is vertical navigation whose active dot jumps between rows on a curved spring path. View Bounce Sidebar
    • NewText Animation gains a Dia Text Animation variant that cycles a final word with a chromatic sweep. View Text Animation
    • ImprovedThe morph popover now mirrors its opening animation on exit, and the gooey morph was refined. View Popover
    • FixedStateful Button text no longer clips during state changes. View Button

  15. Week of

    Masonry, notifications and CTA buttons

    • NewNotification Stack springs compact cards from a stacked summary into a readable list. View Notification Stack
    • NewInfinite Masonry adds a virtualized masonry grid with variable-height cards and infinite loading. View Infinite Masonry
    • NewPull to Refresh adds a native-feeling refresh container for touch and mouse. View Pull to Refresh
    • NewAnimated CTA Buttons adds Expanding Arrow, Hold Action and Slide Action buttons. View Animated CTA Buttons
    • ImprovedWheel Picker can play an optional tick sound for each row crossed. View Wheel Picker
    • ImprovedThe Action Swap roll motion was refined. View Action Swap
    • NewEvery component page now has an AI-friendly Markdown version.

  16. Week of

    Wheel Picker and Gooey Popover

    • NewPopover adds a gooey variant whose panel oozes out of the trigger. View Popover
    • NewWheel Picker adds an iOS-style picker wheel with momentum, drag, wheel and keyboard input. View Wheel Picker
    • NewAvailability Scheduler adds a weekly availability editor with time ranges and copy-to-days. View Availability Scheduler
    • NewPreview Rail adds navigation ticks that form a pyramid around the hovered item with a gliding preview card. View Preview Rail
    • NewFixtures launches with a Knockout Bracket that pages through a tournament one round at a time. View Fixtures
    • ImprovedComponent pages now include an API reference.
    • ImprovedThe landing page was redesigned, with a Recently launched section ordered by ship date. Learn more

  17. Week of

    Table, Loader and Shader Background

    • NewInput adds an animated text field with customization slots and the native caret. View Input
    • NewFeedback Widget morphs a corner trigger into a feedback popup with animated sending, success and retry states. View Feedback Widget
    • NewTable adds a virtualized table with data, editable and async variants, plus column resize and reorder. View Table
    • NewShader Background adds 21 shader variants. View Shader Background
    • NewWallet Card adds a wallet overview with a morphing account switcher, a cascading balance, a privacy toggle and quick actions. View Wallet Card
    • NewCylinder Carousel adds concave and convex 3D carousels. View Cylinder Carousel
    • NewLoader adds a loading indicator with seventeen variants. View Loader
    • FixedTab labels now switch contrast in sync with the indicator. View Tabs

  18. Week of

    Scroll animations and an MCP server

    • NewScroll Animation adds Smooth Scroll, Scroll Progress, Parallax, Scroll To and Scroll Reveal. View Scroll Animation
    • NewRange Slider adds a stepped slider with tick marks. View Range Slider
    • NewCheckbox and Radio Group add animated choice controls with fully clickable rows. View Checkbox
    • NewDrawer adds a side panel that springs in from the left or right with scroll lock and Escape to close. View Drawer
    • NewBloom Menu morphs a button open into a menu that blooms out from the center. View Bloom Menu
    • NewSelect gains a Morph Select variant where the trigger grows into the panel. View Select
    • NewThe beUI MCP server lets coding agents list, search and install components. Learn more
    • NewThe motion playground lets you tune springs, tweens and staggers and copy the code. Learn more
    • ImprovedEvery component can be installed manually without shadcn, and a theme guide covers setting up tokens. Learn more
    • ImprovedButton gains an optional ripple, and Stateful Button no longer jitters while its width changes. View Button

  19. Week of

    Theme Toggle, 404 pages and more blocks

    • NewSwipeable List rows swipe left or right to reveal actions. View Swipeable List
    • NewTheme Toggle reveals the new theme across the page with rectangle and circle transitions. View Theme Toggle
    • NewBouncy Accordion adds a single-open accordion with connected spring motion. View Bouncy Accordion
    • NewFile Upload adds an upload queue with progress, retry and remove actions. View File Upload
    • NewPrediction Market adds a trade ticket with buy and sell modes and rolling amount entry. View Prediction Market
    • NewOverflow Actions adds a pill rail that springs open to reveal extra controls. View Overflow Actions
    • New404 / Not Found adds five animated not-found page styles. View 404 / Not Found
    • FixedBlur effects now clear under reduced motion.
    • ImprovedSite search moved to the header with better results and badges for new components.

  20. Week of

    shadcn registry and Dynamic Island

    • NewComponents install through a shadcn-compatible registry using the @beui namespace, with per-variant install commands.
    • NewDynamic Island adds an iOS-style pill that morphs between live activity views. View Dynamic Island
    • NewOTP Input adds a one-time-code field with a gliding focus ring, error shake and success state. View OTP Input
    • NewExpandable Tabs adds an icon tab bar whose active tab expands into a labeled pill. View Expandable Tabs
    • NewAction Swap adds Blur, Roll and Cascade swap variants. View Action Swap
    • NewText Animation gains a letter-by-letter Text Cascade. View Text Animation
    • ImprovedMotion components now respect reduced motion and skip decorative hover effects on touch devices.
    • NewA motion patterns guide explains the motion conventions behind beUI. Learn more
    • FixedNumber Ticker now rolls between values instead of replaying from zero. View Number Animation
    • FixedBottom Sheet scrolling no longer bleeds through to the page. View Bottom Sheet

  21. Week of

    Badges, toasts and action bars

  22. Week of

    Multi-chain Swap and motion tokens

    • NewMulti-chain Swap adds a cross-chain swap widget with a bottom-sheet token picker and a destination address field. View Multi-chain Swap
    • ImprovedComponents share easing tokens and respect the reduced motion preference.
    • ImprovedDecorative hover effects are skipped on devices without hover.

  23. Week of

    beUI v2 launches

    beUI v2 is a rewrite on Next.js 15, React 19, Tailwind CSS 4 and Framer Motion.

    • NewbeUI v2 ships a motion-first component catalog built on Framer Motion.
    • NewButton family adds Button, Stateful Button and Magnetic Button. View Button
    • NewTabs, Switch, Dock and Shared Layout Background arrive with spring-driven indicators. View Tabs
    • NewTooltip adds an animated tooltip. View Tooltip
    • NewMorphing Modal morphs its height between inner views with a blur cross-fade. View Morphing Modal
    • NewText Reveal reveals words or characters with a spring slide-up and blur. View Text Animation
    • NewAn llms.txt file and registry endpoints let AI agents discover and fetch component source.