Experience SDK Examples

Interactive examples and implementation guides for the Experience SDK.

Overview

This site showcases production-ready configurations, targeting patterns, and layout variations for building client-side experiences with the Experience SDK.

Live Site: [Coming Soon]

Features

• Use Cases - Browse examples by business objective (promotions, onboarding, lead capture)
• Layout Gallery - Visual reference for styling banners, modals, and tooltips
• Interactive Demos - Click "See Demo" to test experiences live
• Copy Configs - Copy-paste ready configurations
• Explainability - View SDK decision traces and context

Getting Started

# Install dependencies
pnpm install

# Run development server
pnpm dev

# Open http://localhost:3000

Project Structure

app/
├── page.tsx                    # Homepage
├── use-cases/
│   └── promotions/             # Promotions & announcements use case
└── layout-gallery/
    └── banner/                 # Banner layout variations

Tech Stack

• Framework: Next.js 15 (App Router)
• Styling: Tailwind CSS 4
• Icons: Lucide React
• SDK: @prosdevlab/experience-sdk

Related

• Experience SDK Documentation
• Experience SDK GitHub
• npm Package

---

MIT © 2025 prosdevlab