PickFlick Widget SDK
Embed IPTV source widgets and media details on your website with our easy-to-use JavaScript SDK. Inspired by Google Maps Platform.
Quick Start
<!-- 1. Load the SDK -->
<script src="https://app.pickflick.xyz/developer/sdk/pickflick.js?key=demo"></script>
<!-- 2. Use the widget -->
<pickflick-source-element orientation="horizontal">
<pickflick-source-request
type="xtreme"
host="example.com"
username="user123"
password="pass123">
</pickflick-source-request>
<pickflick-source-all-content></pickflick-source-all-content>
</pickflick-source-element>Features
Lazy Loading
Load only the components you need with importLibrary() pattern. Minimize initial bundle size.
Smart Deduplication
Usage tracking that prevents double-billing when widgets reload with unchanged data.
Fully Customizable
CSS custom properties for complete style control. Supports light-dark() for automatic theming.
Declarative HTML
Use simple HTML attributes or the JavaScript API. Your choice.
Real-time Status
Automatic account status fetching with connection counts and expiry dates.
TypeScript Support
Full type definitions included for a great developer experience.
Available Widgets
Source Element
<pickflick-source-element>Display IPTV source credentials with QR code for easy import into the PickFlick app.
- QR code generation
- Account status
- Copy to clipboard
- Deep linking
Media Detail
<pickflick-media-detail>Show movie or TV show details from TMDB with posters, ratings, and watch providers.
- TMDB integration
- Watch providers
- Trailers
- Related content
Purchase Element
<pickflick-purchase-element>Embed a one-click purchase button for PickFlick Premium ($49 lifetime). Referral tracking included.
- Stripe Checkout
- Offer code delivery
- Referral tracking
- Custom button text