Nero Line · component preview

Your Instagram posts, on any site you run

One script tag, one HTML element. The carousel below is the real component running with eight real posts from the publishing queue — drag it, use the arrows, hover a tile. It ships as a 13 KB self-contained file with no dependencies and no third-party scripts.

Dark — as it would sit on nero-line.com

Brand defaults: navy ground, cyan accent, captions on hover, autoplay that pauses the moment anyone interacts and switches itself off for reduced-motion users.

Light — the same element on a white page

Set theme="light" and it adapts. Every colour is a CSS custom property, so meeco, Kiaveo or Licendi can re-skin it without touching the code.

How a site embeds it

<script src="https://nero-line.com/widgets/nero-social-carousel.min.js" defer></script>

<nero-social-carousel
    feed-src="https://nero-line.com/widgets/feed.json"
    limit="8" autoplay="4000" link-mode="post"
    heading="@nero_lineofficial"
    profile-url="https://www.instagram.com/nero_lineofficial/">
</nero-social-carousel>

/* Re-skin for another brand — no fork needed */
nero-social-carousel { --nsc-accent: #0d8ddb; --nsc-radius: 6px; }

Settings

AttributeWhat it does
feed-srcURL of the posts feed. A scheduled job keeps this current — post on Instagram and the carousel updates on the next sync, no manual step.
limitNumber of tiles, 1–24. Default 8.
autoplayMilliseconds per slide; 0 (default) is off. Pauses on hover, focus and touch; stops after the user drags; disabled for reduced-motion users.
link-modepost opens the individual post; profile sends every tile to the account.
themedark (default) or light.
headingOptional header row — the handle, linked to the profile.

If the feed ever fails — expired token, network trouble — the element renders nothing and the page stays intact. With the sync job in place the carousel freezes at the last good posts instead, and a staleness alert pings Telegram after 48 h. It never shows broken tiles.