https://github.com/prosdevlab/experience-sdk-playground
Interactive playwground site for Experience SDK with live examples and testing
https://github.com/prosdevlab/experience-sdk-playground
Last synced: 4 months ago
JSON representation
Interactive playwground site for Experience SDK with live examples and testing
- Host: GitHub
- URL: https://github.com/prosdevlab/experience-sdk-playground
- Owner: prosdevlab
- Created: 2025-12-26T09:24:37.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-12-27T07:53:44.000Z (6 months ago)
- Last Synced: 2025-12-28T23:40:04.513Z (6 months ago)
- Language: TypeScript
- Homepage: https://xp-examples.vercel.app
- Size: 83 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Experience SDK Examples
Interactive examples and implementation guides for the [Experience SDK](https://github.com/prosdevlab/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
```bash
# 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](https://www.npmjs.com/package/@prosdevlab/experience-sdk)
## Related
- [Experience SDK Documentation](https://prosdevlab.github.io/experience-sdk/)
- [Experience SDK GitHub](https://github.com/prosdevlab/experience-sdk)
- [npm Package](https://www.npmjs.com/package/@prosdevlab/experience-sdk)
---
MIT © 2025 prosdevlab