V8 Engine — Interactive 3D

Want this built into your product? AI agents write the code, an engineer directs them: https://vibecoding.tech/services?utm_source=21st&utm_medium=component Book a call and say promo code 21ST to get a free 3-day development trial. A fully procedural V8 engine in three.js you can take apart: assembled, cutaway, exploded and single-cylinder views, five cameras, an rpm slider, a live firing order and live pressure and valve-timing charts. Follows your shadcn theme in light and dark, lays itself out from its own box, and takes all copy through props. Built by OpenAI Codex (GPT-6 Astra) from a prompt, ported to React by Claude.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds V8 Engine — Interactive 3D to your project and fits it to your theme.

import V8Engine3D from '@/components/ui/v8-engine-3d'

// The full model: title, modes, cameras, live telemetry and controls, all copy passed as props.
export default function V8Engine3DDemo() {
  return (
    <V8Engine3D
      height="100vh"
      brand="Mechanics"
      brandCaption="Interactive atlas"
      eyebrow="Anatomy of power"
      title="V8"
      subtitle={'Eight cylinders. One rhythm.\nEngineering in every motion.'}
      specs={[
        { value: '90°', label: 'Bank angle' },
        { value: '5.0', unit: 'L', label: 'Displacement' },
        { value: '16', label: 'Valves' },
      ]}
      initialMode="cutaway"
      rpm={1200}
      timeScale={0.05}
    />
  )
}