+
+
+
+
+ {/* Terminal window */}
+
+
+
+
+ + Simple, powerful Python API +
++ Build anything from chatbots to multi-agent systems with a clean, + composable interface. +
+
+
+
+ {/* Traffic lights */}
+
+
+ {/* Tab bar */}
+
+
+
+
+
+
+ {/* Terminal title */}
+
+
+
+ {/* Copy button */}
+
+
+ {TABS.map((tab) => (
+
+ ))}
+
+
+ {/* Code content */}
+
+ {highlighted[active] ? (
+
+ ) : (
+
+
+ {/* Bottom bar */}
+
+ {CODE_SNIPPETS[active]}
+
+ )}
+
+ Python 3.12
+ UTF-8
+ burr >= 0.30
+
+
+
+
+
+
+ + Join the community +
++ Get help, share your projects, and contribute to the future of Burr. +
+
+ {LINKS.map((link, i) => {
+ const Icon = link.icon;
+ return (
+
+
+
+
+
+
+ );
+ })}
+
+
+
+
+
+ {link.label}
++ {link.description} +
+
+
+
+
+
+
+
+ + Everything you need to build AI applications +
++ Burr provides the building blocks for reliable, observable, and + testable AI-powered applications. +
+
+ {FEATURES.map((feature, i) => {
+ const Icon = iconMap[feature.icon];
+ return (
+
+
+ );
+ })}
+
+
+
+
+
+ + {feature.title} +
++ {feature.description} +
+
+
+
+
+
+
+ {/* Badge */}
+
+
+
+
+
+
+
+
+
+ {/* CTAs */}
+
+
+
+
+ {/* Stats with NumberTicker */}
+
+
+
+
+
+
+
+
+
+
+
+
+ Apache Incubating Project
+
+
+
+ + Build reliable AI agents{" "} + + and applications + +
++ Apache Burr (Incubating) makes it easy to develop applications + that make decisions, from simple chatbots to complex multi-agent + systems. Pure Python, no magic. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Marquee rows */}
+
+
+
+
+
+
+ + Works with your stack +
++ Burr integrates with the tools and frameworks you already use. No + lock-in, no wrappers. +
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/website/src/components/Navbar.tsx b/website/src/components/Navbar.tsx
new file mode 100644
index 000000000..afb222397
--- /dev/null
+++ b/website/src/components/Navbar.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { useTheme } from "next-themes";
+import { NAV_LINKS, GITHUB_REPO, DISCORD_URL } from "@/lib/constants";
+import { Menu, X, Sun, Moon, Github, MessageCircle } from "lucide-react";
+import { BASE_PATH } from "@/lib/constants";
+
+export default function Navbar() {
+ const [mobileOpen, setMobileOpen] = useState(false);
+ const [stars, setStars] = useState
+ {Icon &&
+
+
+ {integration.name}
+ + {integration.category} + +
+
+ );
+}
+
+export default function Testimonials() {
+ const companies = [
+ ...new Set(
+ TESTIMONIALS.filter((t) => t.company !== "Subreddit").map(
+ (t) => t.company
+ )
+ ),
+ ];
+
+ return (
+ +
+ “{quote}” +
+
+
+
+ {name.charAt(0)}
+
+
+
+ {name}
+
+ {title}, {company}
+
+
+
+
+
+ {/* Trusted by companies */}
+
+
+
+ {/* Marquee carousel */}
+
+
+
+ + Trusted by engineers worldwide +
++ See what developers and teams are saying about Burr. +
+
+ {companies.map((company) => (
+
+
+
+ ))}
+
+ {company.charAt(0)}
+
+ {company}
+
+ {/* Fade edges */}
+
+
+
+
+
+
+
+ )
+}
diff --git a/website/src/components/ui/button.tsx b/website/src/components/ui/button.tsx
new file mode 100644
index 000000000..ded01b25c
--- /dev/null
+++ b/website/src/components/ui/button.tsx
@@ -0,0 +1,60 @@
+"use client"
+
+import { Button as ButtonPrimitive } from "@base-ui/react/button"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+ {
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+ outline:
+ "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+ secondary:
+ "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+ ghost:
+ "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+ destructive:
+ "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default:
+ "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+ xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+ sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+ lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+ icon: "size-8",
+ "icon-xs":
+ "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+ "icon-sm":
+ "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+ "icon-lg": "size-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+function Button({
+ className,
+ variant = "default",
+ size = "default",
+ ...props
+}: ButtonPrimitive.Props & VariantProps{children}
+
+ {Array(repeat)
+ .fill(0)
+ .map((_, i) => (
+
+ )
+}
diff --git a/website/src/components/ui/number-ticker.tsx b/website/src/components/ui/number-ticker.tsx
new file mode 100644
index 000000000..99ef26e27
--- /dev/null
+++ b/website/src/components/ui/number-ticker.tsx
@@ -0,0 +1,74 @@
+"use client"
+
+import { useEffect, useRef, type ComponentPropsWithoutRef } from "react"
+import { useInView, useMotionValue, useSpring } from "motion/react"
+
+import { cn } from "@/lib/utils"
+
+interface NumberTickerProps extends ComponentPropsWithoutRef<"span"> {
+ value: number
+ startValue?: number
+ direction?: "up" | "down"
+ delay?: number
+ decimalPlaces?: number
+}
+
+export function NumberTicker({
+ value,
+ startValue = 0,
+ direction = "up",
+ delay = 0,
+ className,
+ decimalPlaces = 0,
+ ...props
+}: NumberTickerProps) {
+ const ref = useRef
+ {children}
+
+ ))}
+
+ {hasVideo && (
+
+ )
+}
diff --git a/website/src/components/ui/shimmer-button.tsx b/website/src/components/ui/shimmer-button.tsx
new file mode 100644
index 000000000..d675cc097
--- /dev/null
+++ b/website/src/components/ui/shimmer-button.tsx
@@ -0,0 +1,96 @@
+import React, { type ComponentPropsWithoutRef, type CSSProperties } from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface ShimmerButtonProps extends ComponentPropsWithoutRef<"button"> {
+ shimmerColor?: string
+ shimmerSize?: string
+ borderRadius?: string
+ shimmerDuration?: string
+ background?: string
+ className?: string
+ children?: React.ReactNode
+}
+
+export const ShimmerButton = React.forwardRef<
+ HTMLButtonElement,
+ ShimmerButtonProps
+>(
+ (
+ {
+ shimmerColor = "#ffffff",
+ shimmerSize = "0.05em",
+ shimmerDuration = "3s",
+ borderRadius = "100px",
+ background = "rgba(0, 0, 0, 1)",
+ className,
+ children,
+ ...props
+ },
+ ref
+ ) => {
+ return (
+
+ )
+ }
+)
+
+ShimmerButton.displayName = "ShimmerButton"
diff --git a/website/src/lib/constants.ts b/website/src/lib/constants.ts
new file mode 100644
index 000000000..465dbc656
--- /dev/null
+++ b/website/src/lib/constants.ts
@@ -0,0 +1,189 @@
+export const BASE_PATH = process.env.NEXT_PUBLIC_BASE_PATH || "";
+
+export const GITHUB_REPO = "https://github.com/apache/burr";
+export const DOCS_URL = "/docs";
+export const DISCORD_URL = "https://discord.gg/6Zy2DwP4f3";
+export const TWITTER_URL = "https://x.com/buraborr";
+
+export const NAV_LINKS = [
+ { label: "Features", href: "#features" },
+ { label: "Integrations", href: "#integrations" },
+ { label: "Community", href: "#community" },
+ { label: "Docs", href: DOCS_URL, external: true },
+];
+
+export const FEATURES = [
+ {
+ icon: "Zap",
+ title: "Simple Python API",
+ description:
+ "Define your application as a set of actions and transitions. No DSL, no YAML — just Python functions and decorators.",
+ },
+ {
+ icon: "Eye",
+ title: "Built-in Observability",
+ description:
+ "The Burr UI lets you monitor, debug, and trace every step of your application in real time. See state changes as they happen.",
+ },
+ {
+ icon: "Database",
+ title: "Persistence & State Management",
+ description:
+ "Automatically persist state to disk, databases, or custom backends. Resume applications from where they left off.",
+ },
+ {
+ icon: "UserCheck",
+ title: "Human-in-the-Loop",
+ description:
+ "Pause execution and wait for human input at any step. Perfect for approval workflows and interactive agents.",
+ },
+ {
+ icon: "GitBranch",
+ title: "Branching & Parallelism",
+ description:
+ "Run actions in parallel, fan out / fan in, and build complex DAGs. Compose sub-applications for modular design.",
+ },
+ {
+ icon: "FlaskConical",
+ title: "Testing & Replay",
+ description:
+ "Replay past runs, unit test individual actions, and validate state transitions. Build confidence in your AI systems.",
+ },
+];
+
+export const INTEGRATIONS = [
+ { name: "OpenAI", category: "LLM" },
+ { name: "Anthropic", category: "LLM" },
+ { name: "LangChain", category: "Framework" },
+ { name: "Hamilton", category: "Framework" },
+ { name: "Streamlit", category: "UI" },
+ { name: "FastAPI", category: "Serving" },
+ { name: "Haystack", category: "Framework" },
+ { name: "Instructor", category: "LLM" },
+ { name: "Pydantic", category: "Validation" },
+ { name: "PostgreSQL", category: "Storage" },
+];
+
+export const TESTIMONIALS = [
+ {
+ name: "Alex Johnson",
+ title: "ML Engineer",
+ company: "Acme Corp",
+ quote:
+ "Burr completely changed how we build AI agents. The state management and observability are game-changers for production systems.",
+ },
+ {
+ name: "Sarah Chen",
+ title: "Staff Engineer",
+ company: "TechFlow",
+ quote:
+ "We moved from a tangled mess of LangChain callbacks to clean, testable Burr actions. Our team velocity doubled.",
+ },
+ {
+ name: "Marcus Rivera",
+ title: "CTO",
+ company: "DataPilot",
+ quote:
+ "The Burr UI alone is worth it. Being able to replay and debug agent runs saved us countless hours of debugging.",
+ },
+ {
+ name: "Priya Patel",
+ title: "AI Engineer",
+ company: "NeuralWorks",
+ quote:
+ "Human-in-the-loop was trivial to add with Burr. We went from prototype to production approval workflow in a day.",
+ },
+ {
+ name: "David Kim",
+ title: "Senior Developer",
+ company: "CloudScale",
+ quote:
+ "Pure Python, no magic, no hidden abstractions. Burr lets us build exactly what we need without fighting the framework.",
+ },
+ {
+ name: "Emma Wilson",
+ title: "Tech Lead",
+ company: "Subreddit",
+ quote:
+ "Persistence and replay are incredible for debugging complex multi-step agents. Burr makes the hard parts easy.",
+ },
+];
+
+export const CODE_SNIPPETS: Record<"chatbot" | "agent" | "statemachine", string> = {
+ chatbot: `from burr.core import action, State, ApplicationBuilder
+
+@action(reads=["messages"], writes=["messages"])
+def chat(state: State, llm_client) -> State:
+ response = llm_client.chat(state["messages"])
+ return state.update(
+ messages=[*state["messages"], response]
+ )
+
+app = (
+ ApplicationBuilder()
+ .with_actions(chat)
+ .with_transitions(("chat", "chat"))
+ .with_state(messages=[])
+ .with_tracker("local")
+ .build()
+)
+
+app.run(halt_after=["chat"], inputs={"llm_client": client})`,
+
+ agent: `from burr.core import action, State, ApplicationBuilder
+
+@action(reads=["query", "tools"], writes=["result"])
+def plan(state: State, llm) -> State:
+ plan = llm.plan(state["query"], state["tools"])
+ return state.update(result=plan)
+
+@action(reads=["result"], writes=["output"])
+def execute(state: State) -> State:
+ output = run_tool(state["result"])
+ return state.update(output=output)
+
+@action(reads=["output", "query"], writes=["response"])
+def synthesize(state: State, llm) -> State:
+ response = llm.summarize(state["output"], state["query"])
+ return state.update(response=response)
+
+app = (
+ ApplicationBuilder()
+ .with_actions(plan, execute, synthesize)
+ .with_transitions(
+ ("plan", "execute"),
+ ("execute", "synthesize"),
+ )
+ .with_tracker("local")
+ .build()
+)`,
+
+ statemachine: `from burr.core import action, State, ApplicationBuilder
+
+@action(reads=["counter"], writes=["counter"])
+def increment(state: State) -> State:
+ return state.update(counter=state["counter"] + 1)
+
+@action(reads=["counter"], writes=["counter"])
+def decrement(state: State) -> State:
+ return state.update(counter=state["counter"] - 1)
+
+def should_increment(state: State) -> bool:
+ return state["counter"] < 10
+
+def should_decrement(state: State) -> bool:
+ return state["counter"] >= 10
+
+app = (
+ ApplicationBuilder()
+ .with_actions(increment, decrement)
+ .with_transitions(
+ ("increment", "decrement", should_decrement),
+ ("increment", "increment", should_increment),
+ ("decrement", "increment"),
+ )
+ .with_state(counter=0)
+ .with_tracker("local")
+ .build()
+)`,
+};
diff --git a/website/src/lib/utils.ts b/website/src/lib/utils.ts
new file mode 100644
index 000000000..a5ef19350
--- /dev/null
+++ b/website/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/website/tsconfig.json b/website/tsconfig.json
new file mode 100644
index 000000000..b8cdcc79e
--- /dev/null
+++ b/website/tsconfig.json
@@ -0,0 +1,23 @@
+{
+ "compilerOptions": {
+ "target": "ES2017",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [{ "name": "next" }],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
+}
+
+
+ )}
+
+ {!hasVideo && imageSrc && (
+
+ 
+
+ )}
+
+
+