# A redesigned component library

By Steven Van · 2026-10-08

Add a component to an editable chat prompt or build it immediately, with styling, fonts, and copy adapted to the app.

Finding a component in [Base44](<https://creatorstoolbox.com/tools/base44>) now starts with a search box and categories, with live desktop and mobile previews available before adding it to an app.

## Browse and preview

Open the library from the plus menu beside the AI chat’s prompt box, then select Explore component library. Search runs within the selected category, so choose All components to search the whole library. Categories group components by purpose, while filters narrow the list by tag.

Hover over a component to see it in action, or open its details to switch between Desktop and Mobile previews. Some components also offer different states to try before adding them.

## Add to a prompt or build immediately

In the component’s details, optionally describe where it should go or how the AI should use it. Add to chat places it in the prompt for editing; Build now sends it immediately. Selecting a component automatically switches the chat to Build mode.

Each message can include one component. Base44 rebuilds it as React code, adapting its styling, fonts, and copy to the app’s design. The [component library documentation](<https://docs.base44.com/Building-your-app/Components-library>) explains the workflow.

![A screenshot of the Component library window with All components selected, the Categories list and a colorful component grid](<https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-hero.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=ca00ba23e2cda4bcc3f33ae5fb4aea16>)

The component library with categories and a grid of components

![A screenshot of the AI chat plus menu with the cursor on Explore component library](<https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-plus-menu.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=4d0a09d233a19ab596d9d6b26458ab8a>)

Opening the component library from the AI chat plus menu

![A screenshot of the component library with the Commerce category outlined and its components shown with Filters](<https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-category.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=2382a5669de546111436abebb14b466c>)

Browsing Commerce components with filters

![A screenshot of a component's details with its live preview, description, and Add to chat and Build now outlined](<https://mintcdn.com/base44/tv-bTHytWsZ52-_o/images/components-library-v2-details.png?fit=max&auto=format&n=tv-bTHytWsZ52-_o&q=85&s=9278e78651e0f8d5d2ae2feafeb5f6db>)

A component's live preview with Add to chat and Build now

![Base44](<https://www.google.com/s2/favicons?domain=base44.com&sz=128>)

Base44

AI app builder — describe what you want and get a fully functional web app in seconds, no coding required.

[View Base44 →](<https://creatorstoolbox.com/tools/base44>)

[Original source](<https://docs.base44.com/changelog/product#october-8-2026>)

[Read A redesigned component library on Creators Toolbox](<https://creatorstoolbox.com/blog/base44-a-redesigned-component-library>)

---
Canonical source: https://creatorstoolbox.com/blog/base44-a-redesigned-component-library