Give any modern website the visual language of old hardware, arcade machines, early 3D, and demoscene graphics — without forcing designers to become graphics programmers.

RetroFuture FX is a collection of 12 authentic, GPU-driven interactive components for React, Next.js, and Framer. These aren't generic "retro" CSS filters — they're real shaders and effects built by someone who understands both the engineering and the historical visual language. PS1 mode actually reproduces early-hardware rendering. CRT mode behaves like a real display. Demoscene plasma is shader-driven, not a looping GIF.

Drop them into a landing page, portfolio, game site, product viewer, or AI product and stand out in seconds.

CRT — wrap any image, video, or DOM in an authentic cathode-ray display (curvature, scanlines, RGB misconvergence, bloom, roll, grain). 6 presets.

PS1 — genuine early-3D-console rendering: vertex snapping, affine texture warping, low-res dithering, fog. Not just "low poly."

Hologram Viewer — a holographic 3D product viewer for GLB/GLTF models with fresnel glow, scanlines, grid floor, and orbit controls.

Hyperspace Starfield — a GPU starfield with forward flight and an imperative warp() you can trigger from navigation.

Pixel Dissolve — dissolve any element into pixels, blocks, or noise (reveal, hide, hover, page/route transitions).

Creative Carousel — a premium 3D carousel: cover flow, circular, arc, stack. Drag, wheel, keyboard, momentum, snap.

Retro Terminal — a fully customizable terminal UI: typing, commands, history, boot sequence, and CRT mode. 7 presets.

Demoscene Plasma — a GPU plasma with classic Amiga/DOS/VGA palettes — plus an optional audio-reactive mode.

Page Transitions — branded route transitions for React & Next.js (dissolve, iris, wipe, CRT and more) that cover the swap cleanly.

Cursor Lens — a CRT/fisheye lens that follows the pointer and distorts the content beneath it.

Glitch Reveal — RGB-split + slice glitch for images, on hover or as a reveal-on-scroll.

Boot / Loading Screen — a retro BIOS-style loading screen with a typed boot log and progress bar.

✅ Full TypeScript source for all 12 components + a shared core package

✅ A Framer Code Component for every effect (designers, no code required)

✅ Original GLSL shaders and Three.js / React Three Fiber where relevant

✅ Presets for every component — great looks out of the box

✅ Reduced-motion support and accessibility built in

✅ Graceful fallbacks — never a blank canvas or a crash without WebGL

✅ A complete Storybook workbench (live playground + docs) — plus a prebuilt copy you can open instantly

✅ React & Next.js examples, a demo playground, and per-component docs

✅ Automated tests (unit + interaction + accessibility)

✅ A friendly START-HERE guide — up and running in under 5 minutes

Authentic, not decorative. Each effect reproduces real behavior — the technical accuracy is the selling point.

Designer + developer. Framer components for designers; clean typed source for developers. One purchase, both audiences.

A system, not a pile of snippets. Every component shares one core (animation loop, device tiers, reduced motion), and they compose — CRT-wrapped carousel cards, dissolve page transitions, a terminal in CRT mode.

Production-ready. 60 FPS targets, GPU resource cleanup, SSR-safe, no per- frame allocations, and a full test suite.

Creative developers, agencies, indie hackers, and designers building landing pages, portfolios, game and entertainment sites, product/3D viewers, AI and developer products, or anything that needs a bold retro-futuristic edge.

React 18 · TypeScript · Three.js · React Three Fiber · GLSL · Framer · Web Audio. Works with modern Next.js (App Router) and any React setup. Minimal dependencies.

Commercial license included. Build unlimited personal and commercial projects — just don't resell or redistribute the source itself. (Individual, Professional, and Agency tiers available.)

RetroFuture FX — the visual language of old hardware, made effortless for modern websites. Ship something people remember.