# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/piece/legal27. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
1. /
2. [Pieces](/pieces)
3. /
4. [Legal](/pieces/legal)
5. /
6. Redline Diff

# Redline Diff

Clause redline view showing struck-through removed text in rose beside emerald added replacements.

§ 7.3 · Indemnification

+1 / \-1

Each party shall indemnify the other against

\-all direct and indirect damages arising from a breach

+direct damages arising from a breach, capped at fees paid

of this agreement, subject to Section 11.

CLICode

Base UI

![](https://oud.pics/sm/l/npm.svg)`npx shadcn add https://ui.beste.co/piece/r-base/legal27`

New here? Read the [installation guide](/docs/installation).

Import & useCopy

```
import { Legal27 } from "@/components/beste/piece/legal27";

<Legal27
  heading="§ 7.3 · Indemnification"
  lines={[
    {
      "text": "Each party shall indemnify the other against",
      "kind": "context"
    },
    {
      "text": "all direct and indirect damages arising from a breach",
      "kind": "removed"
    },
    {
      "text": "direct damages arising from a breach, capped at fees paid",
      "kind": "added"
    },
    {
      "text": "of this agreement, subject to Section 11.",
      "kind": "context"
    }
  ]}
  added={1}
  removed={1}
/>
```

## More Legal pieces

[View all Legal](/pieces/legal)

[](/piece/legal8)

Case 1:26-cv-04182Confidential witness statement

Redacted

On the evening of, the witness observedarriving at

carrying awrapped in cloth.

### Redacted Passage

Court-style excerpt with black redaction bars inline through the prose and a redacted or unsealed pill.

[](/piece/legal5)

§ 4.2Limitation of liability

In no event shall either party be liable for any indirect, incidental, special, or consequential damages arising out of this agreement, even if advised of the possibility of such damages.

Master services agreement · MSA-2026-0421

### Clause Snippet

Left-ruled clause card pairing a section chip with a heading, statutory body text, and a source footer.

[](/piece/legal14)

VersionsMSA-2026-0421

v4.2Current

Counsel redline on indemnificationBeste Sözen · Apr 23 · 14:12

v4.1

Updated pricing scheduleKian Okafor · Apr 21 · 10:02

v4.0

Initial redlineLegal ops · Apr 18 · 09:44

### Version History

Document revision timeline with an emerald Current marker and connector rail down the left edge.

[](/piece/legal7)

PDF

MSA-2026-0421-signed.pdf18 pages · 1.8 MBsha256: 9f2c…4a81

### PDF Download

Signed-PDF download row with a rose PDF tile, filename, page and size line, hash, and dark button.

[](/piece/legal28)

Smith v. Beste Labs42 F.4th 318 · 2d Cir. · 2023

Affirmed · 3-0

Court affirmed dismissal where plaintiff failed to allege concrete harm under a state data-retention statute.

### Case Brief

Case brief card with title, citation, outcome pill, and a sky-ruled summary block beneath.

[](/piece/legal2)

Sign here×

Beste SözenPrincipal, Beste Design Studio

Date: \_\_ / \_\_ / \_\_\_\_

### Sign Here Field

Blank signature block with a dashed baseline, tilted rose Sign here tag, and printed name underneath.

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.