Nanobot Swarm Field
Tens of thousands of tiny metallic micro-robots on black. They drift in calm murmurations, pack into a turning disc around your cursor with their status lights switching on, and a press calls them to assemble your text as a hexagonal lattice, hold it, and scatter. Each bot is an oriented capsule that glints when its heading catches the light.
This is a viberdy Pro component
The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.
Small machines, one mind.
Tens of thousands of micro-robots flock, glint and lock into place. Draw them in with a hand, call them to build with a press.
Props
"use client";
import { useEffect, useRef } from "react";
import type { CSSProperties, ReactNode } from "react";
/**
* NanobotSwarmField: a full-bleed background of tens of thousands of tiny
* metallic micro-robots on black. Each bot is a small oriented machine: a
* silver capsule turned to its heading, with a panel seam, a body that glints
* when its heading catches a travelling light, and a status light in your
* accent colour that switches on when the bot locks in.
*
* WHAT IT DOES.
* Idle the swarm drifts in calm murmurations: a curl-noise current
* steers it, a blurred density field pulls it into flocks and the
* local average velocity keeps neighbours aligned.
* Pointer bots near the cursor are drawn in and pack into a tight disc
* that follows it, turning slowly like an iris; their status
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}About this background
A swarm of micro-robots, not a particle cloud. Every bot is drawn as a small silver capsule turned to its heading, with a panel seam, a body that glints when its heading catches a light sweeping across the swarm, and a tiny status lamp in your accent colour. Between touches the swarm murmurs: a divergence-free current steers it, a mip-mapped density grid pulls it into flocks and keeps neighbours aligned, and no bot ever searches for a neighbour. Move the pointer and the bots near it are drawn in and pack into a tight disc that turns slowly like an iris, their lamps coming on as they lock in; leave, and they are released. Press, and a call spreads outward from your finger. Each bot that hears it flies to its own place on a hexagonal lattice sampled from your text, locks, lights up and holds the word for a few seconds before letting go and scattering back into the flock. The opening plays the assembly once, so the page arrives alive. Count, speed, cohesion, glint and calm are live knobs.
Curator’s note
Most particle backgrounds are dust. This one is a fleet: every dot is a small machine with a heading, a body that catches the light and a status lamp, so when it locks into a letter you can see it was told to.
Pairs well with
Matched on shared tags and category — the entries most likely to be used alongside this one.
Chladni Sand Field
backgroundsFine sand on a black vibrating plate. The pointer tunes the plate, so the grains shiver loose and crawl into a new symmetric nodal-line figure; a press strikes it and a shock spreads while the figure re-forms. Real standing-wave maths on the GPU, with knobs for complexity, settle, strike and the calm zone behind your copy.
Ink Aura Field
backgroundsDark water holding two inks: the pointer paints a pale ink through it as it passes, and a press drops cobalt that lands, blooms outward in a ring and curls into the first. A real GPU fluid with knobs for how far the ink travels, how much it ripples and how long it lingers.
Physarum Vein Field
backgroundsA living transport network on black. Hundreds of thousands of slime-mould agents grow a luminous web of veins; your cursor is food, so the web reaches toward it, and a press plants a glowing node the network connects to with thick trunk veins before slowly letting go.