> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome

Brikl is the fastest way to build beautiful interfaces in Bubble. Browse hundreds of ready-to-use UI components and paste them directly into your editor — no setup required.

## What is Brikl ?

Building consistent interfaces in Bubble takes time. Brikl solves that by giving you a complete library of pre-built UI blocks, all made with native Bubble elements, all ready to use instantly.

Whether you're building a SaaS dashboard, a marketing landing page, or an e-commerce store, Brikl has the components you need to ship faster.

## What's inside

<Columns cols={2}>
  <Column>
    <Card title="Library" icon="layer-group" href="/library">
      Hundreds of UI blocks organized by category — elements, marketing, ecommerce, application layouts and mobile screens.

      <Badge color="purple">Soon</Badge>
    </Card>
  </Column>

  <Column>
    <Card title="Templates" icon="table-layout" href="/templates">
      Full Bubble application starters with pages, workflows, and database structure already set up.
    </Card>
  </Column>
</Columns>

<Columns cols={2}>
  <Column>
    <Card title="Plugins" icon="plug-circle-bolt" href="/plugins">
      Bubble plugins to extend your app's functionality. Coming soon.
    </Card>
  </Column>

  <Column>
    <Card title="Studio" icon="flask-gear" href="/studio">
      A dedicated design environment for Bubble. Coming soon.
    </Card>
  </Column>
</Columns>

## How it works

<Steps>
  <Step title="Install the Chrome Extension" titleSize="h4">
    Add Brikl to Chrome from the Web Store. It integrates directly into the Bubble editor.
  </Step>

  <Step title="Open your Bubble project" titleSize="h4">
    Navigate to any page in your Bubble editor. The Brikl panel appears automatically.
  </Step>

  <Step title="Browse and copy a component" titleSize="h4">
    Find the component you need, click Copy, and paste it into your editor.
  </Step>

  <Step title="Customize it" titleSize="h4">
    All components are native Bubble elements — edit them just like anything else in your project.
  </Step>
</Steps>

## Who is Brikl for ?

Brikl is designed for anyone building on Bubble who wants to move faster without sacrificing design quality.

### Bubble developers

Build consistent, scalable interfaces without starting from scratch every time.

### No-code founders

Launch your product faster by skipping the UI design phase entirely.

### Indie makers

Ship SaaS apps, marketplaces, and tools with a professional look from day one.

### Agencies

Deliver Bubble projects to clients faster with a reliable, ready-to-use component system.