A copy-paste React Carousel from my product UI (styled-components). Full source included, no package required

Bartek Bąk — Sat, 14 Feb 2026 16:02:02 +0000

I’m publishing copy-paste React components from my product — here’s a Carousel (full source included)

I’m building Zafiro, and I’m starting to publish parts of the UI I use in the product as copy-paste components.

The idea is simple:

Open a page → copy the full source → paste into your project → tweak it however you want.

Demo + full source code (copy/paste):

https://playzafiro.com/ui/components/carousel/

What you can copy

The page includes everything needed to drop the component into a real codebase:

React component source
styled-components styles
an example items file (so you instantly see the expected data shape)

What the Carousel does

tile-based carousel / picker layout (worlds/templates/projects style)
background crossfade (image/video) on hover/focus
keyboard arrow navigation when focused/active
easy theming via props + CSS variables

60-second workflow

Open the link above
Copy the full source files from the page
Paste into your project and replace the example items with your own

Notes

The live demo uses real destinations, so clicking a tile performs navigation.

If you want a “stay on page” demo mode, open links in a new tab or intercept navigation in your app.

Feedback welcome

If you try it, I’d love feedback specifically on the copy-paste workflow:

file structure (what should be included by default)
naming and defaults (what’s confusing / what’s missing)
accessibility (focus behavior, keyboard pattern, ARIA suggestions)

Demo + full source again:

https://playzafiro.com/ui/components/carousel/

Isle Lab: a relaxing 3D terrain builder in the browser

Bartek Bąk — Tue, 30 Dec 2025 19:38:13 +0000

I’m building Isle Lab — a relaxing, painterly 3D terrain builder that runs directly in the browser.

It’s part of Zafiro, my custom WebGL/three.js-based engine that I’ve been developing to make small worlds feel atmospheric and quick to iterate.

Demo: https://playzafiro.com/isle-lab

What you do in the first minute:

pick a starter island template
customize the scene (props/layout) and set the mood (day/night presets)
save your island locally and come back later

What’s new in this update:

customizable islands (templates → your own variations)
a guided onboarding flow so you can get to your first island quickly

If you try it, I’d really appreciate a quick reaction:
1) Does it feel relaxing, or more like a “tool”?
2) Is it obvious what to do without thinking too much?
3) Any performance issues on your device/browser?

Even 1–2 sentences of feedback helps a lot. Thanks!

DEV Community: Bartek Bąk