# 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/block/footer10. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.
Last updated: 2026-01-13
Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json
---
1. /
2. [Blocks](/blocks)
3. /
4. [Footer](/blocks/footer)
5. /
6. Split Brand Footer
# Split Brand FooterFREE
Two-column footer with brand logo, tagline, and copyright on left, navigation links on right. Perfect for startups and SaaS products wanting clean brand presentation.
ViewCodeDocs
Base UI
`npx shadcn add https://ui.beste.co/r-base/footer10`
## Footer10: Split Brand Footer
Two-column footer with the brand identity (logo, tagline, copyright) stacked on the left and a run of navigation links on the right, collapsing to a single stacked column on mobile.
Free block
This block is free. No license or account is required: install it with the CLI and use it in unlimited projects.
### Installation
**Radix flavor**
bashCopy
```
npx shadcn add "https://ui.beste.co/r/footer10"
```
**Base UI flavor**
bashCopy
```
npx shadcn add "https://ui.beste.co/r-base/footer10"
```
This installs the block to `components/beste/block/footer10.tsx` and its dependencies.
### Quick start
The installed file exports `footer10Demo` alongside the block: the exact props behind the preview above. Spread it to get a working footer in one line.
tsxCopy
```
import { Footer10, footer10Demo } from "@/components/beste/block/footer10";
export default function Layout() {
return ;
}
```
Then replace the demo with your own props. Written out, a trimmed setup looks like this:
tsxCopy
```
import { Footer10 } from "@/components/beste/block/footer10";
export default function Layout() {
return (
);
}
```
### Props
| Prop | Type | Default | Description |
| --------- | ----------- | ------- | ----------------------------------------------- |
| logo | Logo | – | Wordmark link; entirely when logo.text is unset |
| tagline | string | – | One-line description shown under the logo |
| links | NavLink\[\] | \[\] | Right-column nav links |
| copyright | string | – | Copyright line, rendered under the tagline |
| className | string | – | Extra classes for the outer