Awesome Components

A searchable component prompt directory for BuilderStudio.

Use this repository to find component references, screenshots, rendered HTML snapshots, and ready-to-run prompts for building components in the BuilderStudio Agentic IDE.

This library will contain over 6,000 components.

Build with BuilderStudio

Open BuilderStudio, pick a component prompt from this repository, and ask the agent to build it inside your project.

Join the community:

• Discord
• Reddit

Browse the directory

Start here:

• Component directory
• Component metadata JSON

Find a component from the terminal

Run the interactive finder from the repository root:

npm run find

Then describe what you are looking for in normal language:

What are you trying to find? help me find a login component
Must include any words? Press enter to skip.
Exclude any words? Press enter to skip.
How many results? Press enter for 10.

You can also start with a search phrase directly:

npm run find -- "help me find a login component"

The finder ranks matching components from data/components.json. If that metadata file is missing, it falls back to scanning components/**/prompt.md, README.md, rendered.html, and screenshot.png.

After results are shown, use these prompt commands:

1        show details for result 1
p 1      print the prompt.md for result 1 when it exists locally
o 1      open the prompt.md for result 1 in $EDITOR or $VISUAL
r        refine the search
q        quit

Repository structure

components/
  <bucket>/
    README.md
    <author>/
      README.md
      <component>/
        <variant>/
          README.md
          prompt.md
          rendered.html
          screenshot.png
data/
  components.json
scripts/
  find-component.mjs
  import-generated-components.mjs
  validate-directory.mjs

Contributing

Read CONTRIBUTING.md before submitting new components.