arrbarr.com

The friendly face of the arr-barr stack.

Scroll-animated. Dark-themed. Zero YAML required.

Live Site  ·  arr-barr Stack  ·  Docs

---

A visual companion to arr-barr. Built for people who want to understand the stack before touching a terminal.

Pages

	Page	What's There
01	Home	Animated terminal demo, pipeline flow diagram, security overview
02	The Guide	Step-by-step setup from zero to streaming
03	The Crew	Visual roster of all 15 services grouped by role
04	Costs	Pricing breakdown, hardware options, running cost comparison
05	Docs	Interactive technical reference — network topology, quality scoring, CLI, troubleshooting

Design Language

The site mirrors the arr-barr CLI's visual identity:

• Catppuccin Mocha dark palette throughout
• Color-coded groups — green for network, yellow for indexers, blue for media, purple for streaming
• Nautical metaphors — the crew, the barr, the vault, the taproom
• Gold accent on primary CTAs and interactive highlights
• GSAP scroll animations — reveals, flow diagrams, SVG drawing, interactive pipeline

Built With

Tool	Role
Astro v6	Static site generator
GSAP	Scroll-triggered animations and SVG drawing
Lenis	Smooth scrolling
Cloudflare Pages	Hosting and CDN

Development

npm install       # Install dependencies
npm run dev       # Dev server with hot reload
npm run build     # Production build
npm run preview   # Preview the build locally

Deployment

Pushes to main auto-deploy via Cloudflare Pages. DNS is configured on Cloudflare with arrbarr.com and www.arrbarr.com pointing to the Pages project.

Related

	What
arr-barr	The stack itself — Docker Compose, CLI, configs
arrbarr.com	This site, live

---

arr-barr  ·  Pandai Technologies

Every crew needs a port.