Curated, not generated.
Every scene is hand-tuned — palette, motion, contrast, audio response. 0 scenes, not ten thousand. The thing you'd ship, not a toy.
157 live WebGL scenes · 60 fps · one line of HTML
Motion
that ships.
Sylently is a curated library of cinematic WebGL scenes — particle fields, raymarched fluids, soft-body sims, geometry catalogs. Pick one. It runs at 60 fps in the background of any page. You don't ship a tool. You ship the result.
↓ scroll, or pick a scene
01 — The thesis
The web is statically delivered.
Your product isn't.
Most pages treat the background as filler. We treat it as the loudest part of the design. Sylently is the way to put a real cinematic loop behind a hero section, a product page, a launch — without rebuilding the site, the stack, or the budget.
One line, no build.
<iframe src="…/aurora"></iframe>
and a scene runs. No npm, no Webpack, no shader knowledge.
The iframe keeps your bundle clean.
Live, not pre-rendered.
60 fps on integrated GPUs. The motion reacts to scroll, pointer, and the audio in the room. It's not a video file. It's a thing that runs.
02 — The showroom
This page is the demo.
Pick a scene.
Hover a tile to preview the scene behind it. Click to set the whole page. The dropdown in the bottom-right has the full 0.
02 — Featured scenes
Ten shaders. One library.
Each scene below is a different NSPP shader, running live in this page. Scroll through to see the breadth of what the engine can do — from atmosphere to fractals to physics. Click any to copy the embed code.
01 / Atmosphere · Volumetric
The sky, but alive.
Volumetric ribbons of light curl and fold across the viewport like a real aurora borealis. Sixty frames a second, no two moments alike — and a single line of HTML is all it took to embed it on this page.
Used for hero animations, product reveals, and landing-page atmosphere.
02 / Fractal · Infinite zoom
An equation that never ends.
The Mandelbrot set rendered as a continuous zoom — that the most complicated object in mathematics is just one polynomial evaluated in a loop. Click and drag to fly through the boundary.
Used for product pages, math visualizations, and 'endless depth' effects.
03 / Material · Volumetric blob
Mercury that doesn't drip.
A blob of metal suspended in zero gravity, stretching and folding in on itself. The reflection environment, the surface normals, the iridescent shimmer — all computed in a fragment shader at 60 fps.
Used for premium-product backgrounds, brand intros, and 'expensive' feels.
04 / Environment · Volumetric light
Geometry that holds the light.
A cave of interlocking octahedra, lit by a single moving light source that refracts through the crystals. The entire scene is a raymarched signed distance function — no geometry, no textures, just math.
Used for immersive product pages, music sites, and game studio reels.
05 / Pattern · Penrose tiling
Order that never repeats.
Quasicrystals tile the plane with a pattern that looks regular but never actually repeats. Penrose discovered them; we render them at 60 fps. Click the canvas to shift the symmetry axis.
Used for editorial, museum, and architecture sites that want depth without noise.
06 / Topology · Non-orientable
A surface with one side.
A Möbius strip has only one side — walk along its edge and you return to where you started, having traversed the entire surface. A square lattice projected onto it twists and folds as the strip rotates.
Used for math sites, avant-garde fashion, and anything that wants to feel impossible.
07 / Material · Procedural veining
Stone that remembers the mountain.
Procedural marble — every vein is computed in real time, no two statues are alike. The veining is FBM noise warped through a 3D flow field; the surface picks up light from three different directions.
Used for sculpture galleries, architecture sites, and luxury brand content.
08 / Interactive · Touch-aware
Poke the canvas, it pokes back.
A grid of cells that breathe — move your mouse and they lean toward you, click and a shockwave radiates from where you touched. Built for the Sylently demo, but works anywhere on the web.
Used for product showcases, music visualizers, and live-event backgrounds.
09 / Physics · Spiky metal
Liquid that remembers a magnet.
A ferrofluid is a metal that spikes into cones when exposed to a magnetic field. Rendered with metaball marching cubes and a moving field, it dances and reforms in real time.
Used for science sites, hardware brand pages, and 'metal that moves' demos.
10 / Cosmology · Stellar nursery
A star is being born.
Gravitational collapse in a molecular cloud, rendered as a volumetric field with a million particles. The simulation runs in real time, every frame is different from the last.
Used for space, education, and editorial sites that want to feel vast.
03 — How it works
Four steps. Three minutes.
-
01
Pick
Browse the showroom. Hover to preview. Click to set.
-
02
Copy
One line of HTML. No build step, no dependency.
-
03
Tune
One CSS variable for opacity. One JS API for live control.
-
04
Ship
The site loads. The motion runs. Nobody notices the engine.
04 — By the numbers
Less marketing. More engine.
0
scenes
curated, hand-tuned, not generated
60
fps
on integrated graphics
0
kilobytes
on your bundle
1
line of HTML
to ship any scene
05 — The code
A line, then nothing.
Drop the iframe anywhere. Drive the scene with the
__nspp object. No build, no lock-in.
// HTML — drop in once
<iframe
src="https://sylently.com/nspp/aurora"
width="100%"
height="100%"
style="border:0;position:fixed;inset:0;z-index:-1"
></iframe>// JS — drive the scene
const nspp = document.querySelector('iframe').contentWindow.__nspp;
// swap scenes — no reload, no flicker
nspp.setScene('constellation');
// or, for cinematic camera + lens flare:
nspp.setScene('aurora3D', { speed: 0.4 });06 — Pricing
Three plans. Cancel anytime.
The embed is the product. Pick the tier that fits the number of sites you ship.
Preview
$0
/ month
- 3 scenes
- 1 site
- Watermark on the demo
- Good for prototyping
Studio
$29
/ month
- All 0 scenes
- Up to 5 sites
- No watermark
- Email support
- Cancel anytime, keep the embeds
Agency
$99
/ month
- Unlimited sites
- All 0 scenes
- Custom scene requests
- Priority support
- White-label embed
Pick a scene.
Ship it today.
The dropdown in the bottom-right has the full library. Click any scene. The page changes. The iframe is the product.
- One-line embed
- All 0 scenes included
- Cancel anytime, keep the embeds