# Build Your Own Components with AI

> In MockFlow, BYOC stands for 'Build Your Own Components'. BYOC stands for "Build Your Own Component". It is essentially a...

Source: https://mockflow.com/docs/mida/own-components-with-ai

Available in:
                    

              Basic
            

              WireframePro
            

              MockFlow Board
            

              Bundle Plan
            

              Enterprise
            

In MockFlow, BYOC stands for 'Build Your Own Components'. BYOC stands for "Build Your Own Component". It is essentially a component by itself that allows users to create new elements from scratch by coding HTML/CSS. 

For more information about BYOC, refer to this [article](https://support.mockflow.com/article/236-about-byoc).

With the introduction of AI, you can now generate components by giving prompts!  

The following are the steps to generate components with BYOC and AI:

1. Click on Genius AI from the editor sidebar.

1. Select Generate BYOC.

![Screen Shot 2024-08-12 at 12.36.11 PM.png](https://assets.mockflow.com/docs/media/b07cab3c610d42d5239421ce.webp)

1. Enter your prompt for creating the component and click on 'Generate'.

![Screen Shot 2023-09-20 at 12.11.35 PM.png](https://assets.mockflow.com/docs/media/1425ebc97e94cf1ed21965a9.webp)

Here are a few examples of prompts:

1. A horizontal navigation bar with four links.
2. Hero section with title and description.
3. A curved blue button with white text.

[Video](https://app.wowto.ai/embed/MQG65o4KDpb&locale=first)