How to make a code carousel for social

Single images are great for a quick tip, but a real explanation often needs a few steps. That is what carousels are for: a sequence of slides a reader swipes through, each building on the last. gilika has a carousel mode built for exactly this.

Plan the slides

Think of each slide as one idea: the problem, the naive approach, the fix, the result. Three to five slides is usually the sweet spot — enough to tell a story, short enough to hold attention.

Build the deck

Open the editor and switch to carousel mode. Add a slide per step and paste the code for each. Every slide shares one visual style, so the deck looks consistent without you styling each one by hand — pick the theme and background once and it applies across the set.

Keep each slide readable

• —Use a square (1:1) or portrait (4:5) ratio — most feeds favor them.
• —Trim each snippet to the lines that matter for that step.
• —Highlight the key line when a slide is about one specific change.

Export the set

When the deck looks right, export it. Carousel mode produces a ZIP of PNGs — one image per slide, numbered in order — ready to upload as a multi-image post. As with single images, every slide is rendered in your browser, so your code is never uploaded.

New to the tool? Start with the basics in how to turn code into an image, then come back and build your first deck.