Get Everything →
caustics · bundle · forthcoming
commercial license · lifetime updates
15 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 15 planned
01
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.
 02
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.
 03
Particle Field
Configurable particle systems with connection lines, cursor reactivity, and six built-in presets. A lightweight alternative to tsParticles.
 04
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.
 05
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.
 06
Scroll Reveal
Performant reveal animations triggered as elements enter the viewport. IntersectionObserver-based, fully accessible, supports stagger on grids and lists.
 07
Distortion Hover
WebGL displacement effects on image hover. The portfolio staple agencies charge $5K+ to implement, available as a drop-in component.
 08
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.
 09
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.
 010
Blob Backgrounds
Liquid morphing organic blob backgrounds. The lava lamp effect every SaaS landing page wants, as a drop-in component.
 011
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.
 012
Parallax Cards
3D card tilt effects with depth layering. CSS perspective + mouse position. Optional gyroscope support for mobile. Zero dependencies.
 013
Aurora
Northern lights backgrounds rendered via WebGL fragment shader. Vertical color banding with horizontal wave distortion. Natural and configurable presets.
 014
Cursor Effects
Custom cursors, magnetic buttons, glow trails. Replace the browser cursor with precision-crafted alternatives that respond to interactive elements.
 015
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.
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