01 / 04
60fps
target frame budget
Real-time WebGL
Three.js and React Three Fiber drive declarative 3D — physically-based materials, post-processing, instanced meshes. WebGPU when the browser allows.
v1.0 · visual stack generator
Compose interfacesthat refract ideasinto pixels.
Prism reads your brief and assembles the most visually striking combination of best-in-class libraries — Three.js, GSAP, Shadcn, Tailwind, Lenis, Next.js — tuned for impact, performance, and your vibe.
WebGLWebGPUThree.jsGSAPLenisShadcn/uiTailwindNext.jsRadixSplineLottieRapierOGLAI SDKv0WebGLWebGPUThree.jsGSAPLenisShadcn/uiTailwindNext.jsRadixSplineLottieRapierOGLAI SDKv0
Three doors, same room
Pick your starting point.
However you arrive, you land in the same place — a tuned stack, a custom theme, three variants, and an “Open in v0” handoff when you're ready to build.
- 01
Describe it
Write a brief in plain English. Prism builds a stack, theme, and rationale tuned to your vibe.
Open the generator - 02
From an image
Drop a screenshot, paste from clipboard, or share a Mobbin / Dribbble URL. Prism reads the vibe.
Upload an image - 03New
From any URL
Paste a live site. Prism captures it, extracts the signature, and produces three reinterpretations.
Rebuild a site
01Brief
Describe what you're building.
We turn it into a tuned stack. Mention the audience, the vibe, the moments that should feel cinematic.
Expressive
GSAP timelines and Three.js sparingly. The default for most sites.
v0, Spline, Figma API, AI SDK
Variants compose three directions in parallel — performance, balanced, maximalist
02Recommended stack
05Capabilities
Cutting-edge, without
the cuts.
Every Prism stack ships against the same four pillars — visual, motion, surface, architecture. Tuned, never overbuilt.
02 / 04
0ms
scroll jank
Timeline-grade motion
GSAP timelines orchestrate scroll-driven sequences with frame-perfect control. Lenis stitches every pin, snap and parallax into one fluid surface.
03 / 04
AA+
accessibility baseline
Production-ready surface
Shadcn/ui on Radix gives you accessible, themable primitives. Tailwind keeps the CSS payload tiny and tokens consistent across breakpoints.
04 / 04
<3s
first contentful paint
Modern Next.js architecture
App Router with React Server Components, streaming, edge-ready. Dynamic and static routes co-exist; every page is SEO and Core Web Vitals tuned.
03Library index
The full catalog, curated.
Every library Prism considers. Each one scored on visual ceiling, performance load, and category fit. Tap to read the docs.
01
Next.js
Frameworkimpact602Three.js
3D / WebGLimpact1003React Three Fiber
3D / WebGLimpact904WebGPU
3D / WebGLimpact1005GSAP
Motionimpact906Motion (Framer)
Motionimpact707Lenis
Scrollimpact708Tailwind CSS
Stylingimpact609shadcn/ui
UI surfaceimpact710Radix Primitives
UI surfaceimpact511v0 by Vercel
Componentsimpact812AI SDK
AIimpact713Lottie
Motionimpact614Spline
3D / WebGLimpact915Figma API
Assetsimpact516tsParticles
Motionimpact617OGL
3D / WebGLimpact818Matter.js
Motionimpact719Rapier
3D / WebGLimpact920drei
3D / WebGLimpact804Integrations
One studio. Every source.
Free APIs are wired in by default. Optional integrations unlock with a single sign-in — credentials stay in your Vercel project.
auth
v0 by Vercel
Generate React + shadcn components from prompts. Sign in to publish straight to a Vercel project.
freemium
auth
Spline
Designer-friendly 3D scenes. Export a runtime URL and Prism wires it into your hero.
freemium
auth
Figma API
Sync design tokens and components from your team library directly into the Tailwind theme.
freemium
auth
AI SDK + Gateway
Stream text, images, structured output. Zero-config providers (OpenAI, Anthropic, Google).
freemium
shadcn registry
Pull in any registry — your own, or community. Components stay in your codebase.
free
LottieFiles
Browse free vector animations and drop them onto any section with one click.
free
Command Palette
Search for a command to run...