How do I install Idukki on Custom / Headless?

Two ways. The native path uses the snippet + sdks + rest/graphql. Or paste the universal ~37 KB script snippet, which works on Custom / Headless (and any platform) today with no native install required.

Will the widget slow down my Custom / Headless store?

No. The runtime is a ~37 KB script that lazy-hydrates below the fold, so it has zero impact on theme load speed and Core Web Vitals.

Can I tag products from my Custom / Headless catalog?

Yes. 37 KB runtime, lazy-hydrates below the fold. Customers move from a customer photo or video to a tagged product and into the cart in a click.

idukkiCCustom / Headless

Universal snippet

Shoppable UGC on any platform, today.

One ~37 KB <script> snippet works on any site or framework right now. For headless and custom stacks there are React, Vue and Svelte SDKs plus REST and GraphQL APIs, with server-side rendering for SEO surfaces.

Add UGC to any platform See it live

No code · live in a day

Install on Custom / Headless: Web component + SDK

Typed SDKs
Webhooks & events
REST + GraphQL
< 40 KB bundle

37 KB
lazy-hydrating widget runtime, zero theme-speed impact
161%
higher conversion among shoppers who interact with UGC
Yotpo, 200k+ stores / 163M orders analyzed
92%
trust recommendations from people they know above all other advertising
Nielsen, Global Trust in Advertising

Trusted by Custom / Headless merchants

Verified reviews & UGC fromGoogle ReviewsTrustpilotTripAdvisorInstagramTikTokYouTube

How it installs here

A script tag, an SDK, or the API, Custom / Headless

Drop the web component, import the React/Vue package, or pull data through REST and GraphQL.

Install on Custom / Headless with the web component + sdk

Real integration primitive: Web component + SDK

HTML

<script async src="https://cdn.idukki.io/v1/idukki.js"></script>

<idukki-gallery
  catalog="YOUR_KEY"
  product="sku-1024">
</idukki-gallery>

Widget layout library

Pick the layout, not the integration

Every style ships on Custom / Headless from the same web component + sdk. Swap layouts without touching code.

Shoppable reel
Mounted via web component
Stories rail
<idukki-stories> element
Shoppable hotspots
SDK hotspot API

Live

9:41

idukki · live preview

@maya_in_london

"Best fit I’ve owned": wearing the Linen overshirt + High-rise jeans

4.2k 187

Live preview

Custom / Headless, shoppable wall

Tap any tile to open the product drawer. This is the live widget, not a screenshot.

Live · 37 KB runtime

Live
@maya_in_london 412 28
@ava_nyc 298 19
@priya_styles 540 64
@dani_fits 188 12
@zoe_berlin 327 22
@sam_capsule 244 18

Click any pin to open the product card · Plug your handle, paste the embed.

Build this on your store free Open the playground

Interactive formats

Six shoppable formats, live on Custom / Headless.

Past the standard wall, the same widget runtime ships interactive formats: shop-the-look hotspots, shoppable stories, lookbooks and more. Pick a category and a format; each renders live and adds to cart.

Fashion + apparel

Each format below renders live with this industry’s real demo content.

Shop the Look. Tap-to-shop hotspots over a lifestyle image, with a shop-this-look rail. Where it fits: Homepage hero · campaign landing pages.

One data model

From a customer clip, to measured revenue

01
Capture
Pull clips from social, reviews, and upload.
02
Rights
One-tap creator permission, logged.
03
AI tag
Auto-match every clip to the right SKU.
04
Publish
Render to any surface on Custom / Headless.
05
Attribute
Tie views and taps back to revenue.

PageSpeed Insightswidget.idukki.io · Desktop

Zero site-speed impact

99/100 on a live production widget.

Performance
Accessibility
Best Practices
SEO

0–4950–8990–100

Values are estimated and may vary. Measured 12 Jun 2026 on the live widget.

0.4 sFCP
0.9 sLCP
0 msTBT
0CLS
1.0 sSpeed Index

Google PageSpeed Insights desktop report for the Idukki widget — 99 Performance, measured 12 Jun 2026 — PageSpeed Insights report (12 Jun 2026). Tap to open full size.

Core Web Vitals detail from PageSpeed Insights — FCP 0.4s, LCP 0.9s, TBT 0ms, CLS 0, measured 12 Jun 2026 — Core Web Vitals detail (12 Jun 2026).

A production Idukki gallery on widget.idukki.io: a lazy-loaded runtime with 0 ms blocking time and CLS 0 that does not move your Core Web Vitals. The widget earns the score, not this page; the runtime's measured byte sizes are on the performance page.

Run it yourself on PageSpeed

LCP
Largest Contentful Paint
Stays under 2.5s
CLS
Cumulative Layout Shift
Under 0.1, reserved space
INP
Interaction to Next Paint
Under 200ms

Thresholds shown are Google’s Core Web Vitals “good” boundaries. The headline scores above are a real, dated measurement of the live widget.

Where idukki ships on Custom / Headless

One data model, every surface a shopper meets

Pick the placements that fit your Custom / Headless storefront. They all read the same catalogue and the same approved UGC.

PDPPDP galleryWhite Sweater · $110.76Shop
Shoppable UGC hot-spotted to every SKU on the product page.
HOMEHomepage heroNew season · ShopShop
A full-bleed video hero that routes shoppers into collections.
PLPCategory stripAirlift Shorts · $64.76Shop
Inline UGC row merchandised across any collection page.
STORIESStories railTennis Cardigan · $80.23Shop
A sticky story bar above the fold, IG and TikTok-native UGC.
COMMUNITYCommunity wallJute Tote · $12.76Shop
A moderated social wall of customer posts, filterable by tag.
FEEDInspiration feedBodycon SPF 50 · $64.76Shop
An editorial shop-the-feed grid for lookbooks and drops.
HOTSPOTSHotspotsWROGN Watch · $24.76Shop
Tappable product pins layered onto any image or video.
CARTCart cross-sellWomen Oval Sunglasses · $14.72Shop
A shoppable clip in the cart drawer that lifts basket size.

Built for Custom / Headless

What the Custom / Headless integration gives you.

37 KB runtime, lazy-hydrates below the fold
React + Vue + Svelte SDKs
Server-side rendering for SEO surfaces
GraphQL + REST APIs (see /developers)

Already running a UGC tool?

Switching to Idukki on Custom / Headless takes an afternoon.

Keep your catalogue and clips. We map your existing setup and go live on the web component + sdk, with no re-platforming.

Custom / Headless questions

Answers for Custom / Headless teams

Quick answers from our team. If yours isn’t here, ask via the contact form.

How do I install Idukki on Custom / Headless?
Two ways. The native path uses the snippet + sdks + rest/graphql. Or paste the universal ~37 KB script snippet, which works on Custom / Headless (and any platform) today with no native install required.
Will the widget slow down my Custom / Headless store?
No. The runtime is a ~37 KB script that lazy-hydrates below the fold, so it has zero impact on theme load speed and Core Web Vitals.
Can I tag products from my Custom / Headless catalog?
Yes. 37 KB runtime, lazy-hydrates below the fold. Customers move from a customer photo or video to a tagged product and into the cart in a click.

Book a demo

Add UGC to any platform.

See Idukki running on a Custom / Headless store in a 20-minute walkthrough. We’ll map your catalogue and show the web component + sdk install live.

Typed SDKs
Webhooks & events
REST + GraphQL
< 40 KB bundle

Newsletter

Get the next post first.

Monthly UGC and shoppable-video benchmarks, A/B post-mortems, product updates. No spam, unsubscribe in one click.

One email per piece. No drip sequences, no sales follow-up. Unsubscribe with one click.