AI repository intelligence

FR-AI / ANALYSIS

Why it is worth attention

It provides a large, structured library of ready-to-use component prompts with a terminal-based natural language search, making it easy for developers to find and build UI components within BuilderStudio.

Who it is for

Developers using BuilderStudio IDE
Frontend developers seeking reusable component templates
AI-assisted coding enthusiasts
Component library curators

Use cases

Quickly find and integrate UI components in BuilderStudio projects
Search for component examples using natural language from the terminal
Browse a curated directory of over 6,000 component prompts
Generate component code by providing prompts to BuilderStudio agent

Strengths

Large collection of over 6,000 component prompts and assets
Interactive terminal-based search with natural language processing
Structured metadata and fallback scanning for reliable searches
Active community with Discord and Reddit support

Considerations

Requires BuilderStudio IDE to fully utilize component prompts
Not all 6,000 components are currently available (stated as 'will contain')
Finder fallback scanning may be slower and less accurate without the metadata file

README quick start

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:

Browse the directory

Start here:

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/
  /
    README.md
    /
      README.md
      /
        /
          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.

Description

Open source repo of 6000+ UI components. Free to use.

Related repositories

Similar projects matched by category, topics, and programming language.

ddosi

Featured

PacketLens

PacketLens is a pure front-end, offline pcap analysis tool that runs entirely in the browser, supporting deep protocol decoding, HTTPS decryption, and million-packet instant loading without any backend.

HTML

ViffyGwaanl

Featured

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI & Machine Learning

iamtechartist

Featured

human-cell-visualizer

An interactive 3D visualization of three human cell types using Three.js, WebGL particles, and custom GLSL shaders, allowing users to rotate, zoom, morph, and explore annotated structures.

Design & Creative