# How to Install ReactBits Components | Talizen

> How to install ReactBits components

[Talizen Help](/)

[EN](/docs/reactbits.md)/ [中文](/docs/reactbits.md?lang=zh)

### Start

- [Start your first vibe site](/docs/start.md)
- [AI Credits Guide](/docs/ai-credits-guide.md)
- [How to Choose an AI Model](/docs/ai-model-guide.md)
- [Import and Publish AI Studio Projects](/docs/ai-studio-import-publish.md)
- [Import Figma Designs into Talizen](/docs/figma-import-publish.md)

### Common

- [Prompt library](/docs/prompt-lib.md)
- [Talizen Skill](/docs/talizen-skill.md)
- [Operate Form via Prompt](/docs/form.md)
- [Operate CMS via Prompt](/docs/cms.md)
- [FAQ](/docs/faq.md)
- [Prompting Tips](/docs/prompt.md)

### Backend

- [Add Login, Bookings, and Member Features](/docs/backend.md)
- [Configure OAuth Login: Google and GitHub](/docs/backend-auth.md)
- [Take Payments with Alipay](/docs/alipay-payment.md)

### tips

- [How to Install ReactBits Components](/docs/reactbits.md)

### Developers

[API for AI](/api.md)

Implementation reference for AI coding agents.

Prompting TipsHow to Install ReactBits Components

# How to Install ReactBits Components

React-bits is a component library focused on **"creative visuals"**, designed to help developers build more distinctive and memorable pages.

This article explains how to use React-bits components on the Talizen platform.

Click here to browse all its components: [https://reactbits.dev/get-started/index](https://reactbits.dev/get-started/index)

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1779713727079__image.png?w=3072&fmt=webp)

Then select the component you want and click to enter its detail page.

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1779713739578__image.png?w=3072&fmt=webp)

Click **Code** to get the component name, then copy it.

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1779713808047__image.png?w=3072&fmt=webp)

Next, type and send the following in the AI dialog box on the Talizen platform:

**"Install and use "** \+ the component name you just copied, e.g. "Install and use @react-bits/ASCIIText-TS-TW" to complete the installation.

After installation, double-click the component to configure its properties, such as text size and color.

![](https://ugc.talizen.com/_assets/site/2037420607548690432/1779713793385__image.png?w=3072&fmt=webp)

[Previous\
\
How to Choose an AI Model](/docs/ai-model-guide.md) [Next\
\
Prompt library](/docs/prompt-lib.md)

On this page

- No subheadings found.

Need more help?

[Contact Support](/contact.md)

> 全站页面清单：[/llms.txt](/llms.txt)