Components
Components that tell you what they cost.
3D, generative 2D, motion and interface components for React. Every one is copy-paste, customisable in place, and honest about its bundle weight, main-thread cost, reduced-motion behaviour and accessibility — the four things component libraries never tell you.
3D
All 6Components built on React Three Fiber and hand-written GLSL: refraction, GPU instancing, displacement. These are the pieces that make a page feel like it was built rather than assembled — and the ones most likely to wreck your frame budget if used carelessly, which is why each states its cost up front.
Instanced Field
+168KBThousands of bars rippling away from the pointer, in one draw call.
GPU·three, @react-three/fiber
Displaced Image
+3.2KBAn image that ripples and splits into colour channels under the cursor.
GPU·no dependencies
Particle Morph
+4.1KBThousands of points flowing between formations, scattering from the cursor.
GPU·no dependencies
Refraction
+2.9KBMoulded glass over a colour field, bending and dispersing what is behind it.
GPU·no dependencies
Tunnel
+2.3KBEndless perspective from a coordinate transform, not geometry.
GPU·no dependencies
Aurora
+2.2KBLayered curtains of light that brighten where they cross.
GPU·no dependencies
2D
All 6Abstract, reactive surfaces to sit behind content: flow fields, metaballs, dithering, mesh gradients. All are seeded and deterministic, so what you see in the preview is what renders in your build — no two visitors get a different composition unless you ask for one.
Mesh Gradient
+2.1KBDrifting colour fields in a fragment shader. No dependencies.
GPU·no dependencies
Flow Field
+3.4KBParticles drifting through noise, trailing ink. Deterministic.
Main thread·no dependencies
Dither
+2.6KBA plasma quantised through a Bayer matrix — newsprint, not gradient.
Main thread·no dependencies
Metaballs
+2.4KBBlobs that merge like mercury, with a hard edge.
GPU·no dependencies
Voronoi
+2.5KBShattered-glass cells that drift, with the cursor as a seed.
GPU·no dependencies
Contours
+2.8KBTopographic lines over slowly shifting terrain.
GPU·no dependencies
Motion
All 6Not components so much as behaviours — reveal, scramble, magnetise, parallax. Each takes arbitrary children, so they compose onto the interface you already have instead of asking you to adopt a new one.
Scramble
+1.6KBText resolving out of noise — without garbling the screen reader.
Main thread·no dependencies
Velocity Marquee
+1.2KBA marquee that speeds up as you scroll, and reverses when you do.
Compositor·no dependencies
Magnetic
+1.4KBPulls whatever you wrap toward the cursor, with weight.
Compositor·no dependencies
Reveal
+2.2KBText rising line by line, masked behind its own baseline.
Compositor·no dependencies
Parallax
+1.3KBMoves its children against the scroll, on the compositor.
Compositor·no dependencies
Tilt
+1.9KBTilts toward the pointer, with a glare that agrees with the geometry.
Compositor·no dependencies
Interface
All 6Command palettes, disclosure, navigation, feedback. Nothing exotic — but built with the focus management, keyboard handling and reduced-motion paths that make the difference between a component that demos well and one that survives real use.
Command Palette
+3.8KB⌘K, subsequence search, and the focus handling nobody ships.
Main thread·no dependencies
Disclosure
+2KBAn accordion that animates to its content's real height.
Main thread·no dependencies
Toast
+2.7KBA notification deck that fans out on hover and pauses its own timers.
Compositor·no dependencies
Tooltip
+2.3KBFlips when it would leave the viewport, and opens on focus.
Compositor·no dependencies
Slider
+2.4KBA value that travels with the thumb, on a real range input.
Compositor·no dependencies
Segmented Control
+1.8KBA sliding indicator, and the keyboard model almost everyone omits.
Compositor·no dependencies