Get Everything →
caustics · bundle · forthcoming
commercial license · lifetime updates
20 components · 4 templates · 3 boilerplates
coming soon
The Everything Bundle

The whole library.
Coming soon.

The complete library bundle — every component, template, and boilerplate under one Caustics Commercial License — ships once the full catalog is built. We're not selling it until every instrument is in your hands.

In active development — bundle pricing announced at launch
Explore the instruments → See what's in the works ↓
001 — In the bundle

What the complete library will hold.

The bundle gathers the full Caustics catalog — components, templates, and boilerplates — under one Caustics Commercial License with lifetime updates. The instruments below are live today; the rest are in active development and join the bundle as they ship.

Components 20 planned
01
Plotburn
A GPU chart engine that looks designed — a million data points at 60fps, art-directable strokes & fills (gradient / glow / grain, OKLCH palettes), and real ergonomics: nice / log / time axes, crosshair, tooltip, brush, zoom & pan, with an accessible data-table fallback.
 02
Spatial Scroll
Scroll-driven 3D as a declarative keyframe timeline — the Apple-product-page effect as a config object. Loads a GLB, drives a quaternion-correct camera (orbit / dolly / flythrough / turntable / reveal), pins on mobile by measured ratio, and projects HTML captions onto 3D anchors.
 03
Sonogram
An audio-to-visual engine — musically-correct DSP (A-weighted bands, spectral-flux onsets, autocorrelation BPM, perceptual loudness) and a mapping graph that drives CSS variables, a canvas visualizer, AND any other Caustics engine's update(). One buy makes your whole catalog audio-reactive.
 04
Loom
A live, deterministic, on-brand material runtime — eleven procedural surfaces (terrazzo, marble, riso, woven, field, concrete, hammered metal, plaster, wood, tile, leather) that recolor from your design tokens, render live and NON-REPEATING at zero per-frame cost, carry story-layer wear, bake to seamless PNGs, and export a verified per-engine PBR set (Unity/Unreal/Godot/three.js), wired glTF, MaterialX, and KTX2.
 05
Flow Field
A GPU particle-advection engine — hundreds of thousands of particles steered by a noise, image-gradient, or SDF-text field, rendered as points, trails, dye, or lines, with film grain, pointer force, and an audio-reactive field. The generative background the field-image and SDF-text moat makes hard to copy.
 06
Transition Flow
A WebGL image-transition engine — 21 hand-tuned GLSL transitions, an autoplay slider, and a draggable before/after compare mode. The agency carousel, as a drop-in component.
 07
Shader Gradient
Animated mesh gradient backgrounds rendered via WebGL fragment shaders. Configurable colors, speed, grain, and blur. The effect used on this site's hero.
 08
Magnetic Elements
Hover effects with physical weight. Cursor-attracted UI elements driven by lerp, spring, magnetic, orbital, or jitter physics. Eleven curated presets, group coordination, per-axis locks, deterministic return tween, and a CSS custom-property bridge for driving any CSS from cursor proximity. Zero-markup activation via data attributes.
 09
Particle Field
The living technical drawing — crisp ink marks, tethered constellations, flocks, emitters and seeded currents on Canvas 2D. Nine presets, OKLab colour, full export.
 010
Fluid Canvas
Real-time WebGL Navier-Stokes fluid simulation. Twenty presets across six aesthetic personalities, four interaction modes including multi-touch, image-as-dye seeding, obstacle masks, built-in recording. The full physics engine, not a configured recipe.
 011
Kinetic Text
Typography animation engine. Variable-font axes, scroll velocity, scramble, jello drag, elastic propagation. Six animation families and twenty curated presets — all sharing one accessibility-first API.
 012
Scroll Reveal
Performant reveal animations triggered as elements enter the viewport. IntersectionObserver-based, fully accessible, supports stagger on grids and lists.
 013
Distortion Hover
WebGL displacement effects on image hover. The portfolio staple agencies charge $5K+ to implement, available as a drop-in component.
 014
Reaction Diffusion
Real-time Gray-Scott reaction-diffusion in WebGL. Seventeen Pearson pattern classes, four visualization styles, nine interaction modes, twenty curated presets. Turing patterns as a configurable component.
 015
Noise Grain
Animated film grain and noise texture overlays. Adds depth and the analog aesthetic to flat designs. Three rendering modes: CSS, Canvas, and WebGL.
 016
Blob Backgrounds
Liquid morphing organic blob backgrounds. The lava lamp effect every SaaS landing page wants, as a drop-in component.
 017
Text Reveal
Character, word, and line-level text entrance animations. Scroll-triggered or on-mount. Stagger, easing, direction, and order fully configurable. Dependency-free and ARIA-safe.
 018
Parallax Cards
3D card tilt effects with depth layering. CSS perspective + mouse position. Optional gyroscope support for mobile. Zero dependencies.
 019
Aurora
Northern lights backgrounds rendered via WebGL fragment shader. Vertical color banding with horizontal wave distortion. Natural and configurable presets.
 020
Cursor Effects
Custom cursors, magnetic buttons, glow trails. Replace the browser cursor with precision-crafted alternatives that respond to interactive elements.
Templates 4 planned
01
Developer Portfolio
Dark-themed developer portfolio with WebGL hero, project showcase with distortion transitions, and scroll-driven case studies. Built with Astro and Svelte.
 02
Agency Site
Scroll-driven storytelling, animated case study transitions, team section with parallax cards, and full service pages. Built for studios and agencies.
 03
SaaS Landing
Animated feature sections, gradient backgrounds, pricing table with hover effects, and testimonial carousel. Optimized for conversion.
 04
Creative Blog
Generative header art, reading progress indicator, subtle scroll reveals, and editorial typography. For writers who care about craft.
Boilerplates 3 planned
01
SaaS Starter
Full-stack Astro SSR SaaS starter with session auth, Lemon Squeezy payments, SQLite/Drizzle, dashboard, MDX blog, transactional email, SEO, and a Caustics creative-component landing page.
 02
Product Store
The caustics.dev storefront itself, productized. Lemon Squeezy integration, product pages with live demos, download delivery, and license management.
 03
Editorial Platform
CMS-ready editorial platform starter. SEO-optimized, newsletter integration, affiliate link management, and a clean reading experience.
002 — What the bundle will include

Everything you need. Nothing you don't.

Source code
Svelte, React, and vanilla JS for every component. TypeScript types included.
Commercial license
Caustics Commercial License — Personal, Team, and Enterprise tiers. Use in client projects, SaaS, and internal tools.
Lifetime updates
New components, bug fixes, and new framework variants shipped to you free.
Full documentation
API reference, configuration guide, and usage examples for every item.
Direct access
Email the author. Not a support ticket system. A person who wrote the code.
003 — Until then

The bundle ships when the catalog is complete.

We'd rather launch the bundle once every instrument is real than sell you a promise. Five instruments are live today — start there, or stay in the loop for the full release.

Explore the instruments → Get launch updates →

Questions? hello@caustics.dev