Plugins24 plugins · free · MIT · OFL-1.1
Take what
you need.
Pieces that Shaderera films have proved: beat sync, camera moves, screen looks, kinetic type, placement specs and fonts. One command copies a plugin into your project as plain source, and from then on it is yours to change.
Every plugin
24 plugins
audio-beat-clockOfficial · by ShadereraBeat clockMeasure a song (tempo fitted to its onsets, beat grid, downbeats, onsets, band energy, sections) and cut the picture to it: bars, beats, 1/16s, band levels, hit pulses at t.audio-hall-endingOfficial · by ShadereraHall endingGive a song that stops dead an ending: its last chord rings out in a synthetic hall, dies to digital silence, and the film holds.camera-keyframesOfficial · by ShadereraCamera keysA 3D camera as keyframed shots (eye, target, lens, roll) eased over time: dolly, yaw, crane, roll, snap; WebGPU view and projection matrices or a three.js camera; the lens opens for vertical variants.camera-shakeOfficial · by ShadereraCamera shakeA camera that breathes, is handheld, or kicks on the hits of the music: seeded noise and hit envelopes as formulas of t, applied in camera space.font-ibm-plex-monoOfficial · by ShadereraIBM Plex MonoA monospace with an engineered, technical voice: Light, Regular and SemiBold, for data, code, captions and ASCII looks.font-ibm-plex-sansOfficial · by ShadereraIBM Plex SansA restrained grotesque sans, Light, Regular and Medium, for names, dates, labels and captions beside a display serif; Latin, Greek and Cyrillic.font-instrument-serifOfficial · by ShadereraInstrument SerifA condensed editorial display serif, regular and italic, for titles and main phrases in an art-publication or magazine voice.font-stix-two-textOfficial · by ShadereraSTIX Two TextA scientific serif, roman and italic (variable weight), for notes and annotation beside a monospace.format-broadcast-slateOfficial · by ShadereraBroadcast slateA clock slate for a broadcast preroll (fill: 'source'): the spot's details and a countdown in seconds, going to black before the programme, drawn on a 2D canvas at negative t.format-placement-specsOfficial · by ShadereraPlacement specsWhat Reels ads, YouTube, Amazon CTV, US and EU broadcast and a DOOH screen accept, as requirements.json placements that deliver checks the file against, each with its source and the date it was read.format-safe-areasOfficial · by ShadereraSafe areas and the tall-frame lensWhere text may go in 16:9, 1:1 and 9:16, clear of YouTube Shorts, Reels and TikTok UI; and the lens rule that keeps a 16:9 shot reading in a vertical variant.look-screen-passesOfficial · by ShadereraScreen looksThe frame in another medium, one WebGPU pass over a texture or a canvas: ascii, halftone, ordered dither, heat map, contours, pixelate, inverse, and a row glitch with pixel sorting.motion-keyframesOfficial · by ShadereraKeyframesValues over time: numbers and 3D points held between keys and eased into each, smooth paths through many points at even speed, and eases from strike and glide to a stateless spring settle and CSS-style bezier.render-gaussian-splatsOfficial · by ShadereraGaussian splats3D Gaussian splats (.splat and 3DGS .ply) rendered on host.gpu with EWA splatting, sorted back to front deterministically every frame, the frame as a premultiplied GPU texture layer; raw WebGPU, no packages.render-image-texturesOfficial · by ShadereraImage texturesArtwork and photos as three.js textures decoded identically in Node and the browser (pure-JS PNG and JPEG), an atlas of many images for instanced cards, and a tool that converts WebP, AVIF, GIF or video frames to PNG once.render-three-hostOfficial · by Shadererathree.js on the host GPUthree.js WebGPURenderer on host.gpu, deterministic: node clock set to t (never the wall clock), HDR scene tone-mapped and sRGB-encoded into the frame, handed to the host as a GPU texture layer with no copy; works in Node and the browser.review-av-timelineOfficial · by ShadereraSound and motion reviewFor a reviewer who cannot hear or watch: the film's sound as a spectrogram and waveform with its onsets, how much the picture changes every frame on the same timeline, frame strips around chosen moments, and the measured offset between picture and sound.text-code-wallOfficial · by ShadereraCode wallThe project's own source as a wall of text that scrolls and jumps on the beat, glitched and scrambled, with a claim cut out of the middle.text-feature-captionsOfficial · by ShadereraFeature captionsHuge titles with a small note, several to a scene, swapping on the beat through ASCII noise, each placed anew in one of four layouts inside the safe area.text-glyph-morphOfficial · by ShadereraGlyph morphOne glyph outline or word morphing into another: contours resampled by arc length, paired outer to outer and hole to hole, a contour with no partner grown from a point, the in-between a pure function of k.text-glyph-outlinesOfficial · by ShadereraGlyph outlinesText from a font file as geometry: contours flattened to polylines with the original curves kept, fill triangles with holes cut correctly, and a closed extruded mesh with normals, each with per-glyph ranges so letters can move apart.text-glyph-pointsOfficial · by ShadereraGlyph pointsText set in a font as a fixed point set for particles to form, with the position of every character so parts of a word can move apart.text-kineticOfficial · by ShadereraKinetic typeCanvas2D text primitives: ASCII scramble, decode in and scramble out, horizontal band glitch, fit to width, hollow outlines, timecode.text-timed-cuesOfficial · by ShadereraTimed cuesLyrics, subtitles and word timings read from LRC (with word times), SRT, WebVTT and JSON (rows, cues or Whisper segments with words): the line and the word at t, times only.
How adding worksnpx shaderera add
One command.
Your code.
Find it.
Browse here, or search from the terminal:
npx shaderera search "beat sync". Search reads every plugin's label, README and code.Add it.
npx shaderera add <name>copies the plugin's files into your project, with the plugins it is built on and the npm packages its code imports. Every file is checked against the sha256 recorded when it was published, and nothing is written over a file you already have.Make it yours.
From then on it is ordinary code in your project. Change anything, or ask your agent to add it and wire it into the film for you.