SynapseKit — Marketing Website

The public-facing website for SynapseKit, a lightweight Python framework for building LLM applications.

Live at synapse-kit.com

---

Tech Stack

• Framework: Next.js 16 (App Router, static export)
• Language: TypeScript
• Styling: Tailwind CSS v4
• Animation: Motion (motion.dev)
• Fonts: Syne (display) · JetBrains Mono (code)
• Package manager: pnpm

Getting Started

pnpm install
pnpm dev

Open http://localhost:3000.

Build

pnpm build   # outputs static site to /out

Project Structure

src/
  app/
    page.tsx          # home page — composes all sections
    globals.css       # design tokens, base styles
    team/             # /team route
  components/
    Nav.tsx
    Footer.tsx
    sections/
      Hero.tsx
      AnimatedDemo.tsx
      Architecture.tsx
      Problem.tsx
      Solution.tsx
      Features.tsx
      Comparison.tsx
      Capabilities.tsx
      EvalCI.tsx
      Ecosystem.tsx
      Install.tsx
      Docs.tsx
  hooks/
    useReveal.ts      # IntersectionObserver scroll reveal

Design Tokens

Defined in globals.css:

Token	Value
--bg	#F2F6FA
--surface	#FFFFFF
--accent	#00A88C
--text	#0D1117
--text-muted	#6B7280
--border	#E5E7EB

Contributing

Open an issue or PR on this repo. For the Python library itself see SynapseKit/SynapseKit.

License

Apache 2.0