# Spline (ChatGPT App)

> 3D scenes and web design

- Type: app
- Publisher: Spline (official)
- Categories: Design
- Website: https://chatgpt.com/plugins/plugin_asdk_app_6acd235a70a48191812b3ba9c471b4ac
- Open in ChatGPT: https://chatgpt.com/plugins/plugin_asdk_app_6acd235a70a48191812b3ba9c471b4ac
- Version: 1.0.0
- Listed: 2026-10-15

## About

Spline is a design platform for interactive 3D content. Ask for an 3d scene or object and it gets built in the Spline 3D editor, which opens beside the chat so you can watch it come together, edit it or iterate with it.

Build 3d presentations, 3d simulations, 3d configurators, 3d illustrations, 3d icons, and more. The scenes you build can be edited.

Create 3d landing pages and interactive experiences, and refine your 3d creations with direct manipulation using the 3d editor. Export your content to other formats, or deploy as URLs.

## How to use

1. **Add it in ChatGPT** Open Spline in ChatGPT's Plugin directory (button above), select + to add it and sign in if asked.

2. **Use it in a chat** Type @ in the composer and pick Spline, or start your message with its name. ChatGPT may also suggest it when it fits what you ask.

## Skills

- **spline**: Build and edit 3D scenes and 2D designs (websites, landing pages, app screens, UI) live in the Spline editor, which opens in a panel beside the chat. Use when the user mentions Spline, or asks for a 3D scene, object, animation or interactive 3D experience, or for a page or screen design they want to see and keep editing visually.
- **spline-2d**: The Hana 2D authoring guides: how to design websites and app screens with 2d_write_html (the supported HTML and CSS, layout, interaction, typography, worked examples) and the effect guides for glass, 3D layers, layer noise, mobile app screens and interactivity. The same text 2d_load_skill returns. Read the authoring contract before your first 2d_write_html.
- **spline-3d-animation**: DEFAULT recipe for ALL animation/motion/interactivity asks ("animate …", "make it grow/bloom/orbit/spin", hover/click behavior, ambient life): scene by run_code with stable names + a pivot at every motion origin; the motion as plain JS in the HTML layer driving objects per frame via the spline bridge — one rAF clock, poses from elapsed time f(t), easing + stagger, entrance → idle handoff, recipes, perf budget. The built-in States & Transitions feature is OPT-IN only (load state-transitions when the user explicitly asks).
- **spline-3d-architecture**: Buildings & man-made structures in the believable register: real-world proportions, crisp edges (cornerRadius 0), pitched roofs with overhangs, framed windows/doors, wall/roof textures, muted palettes, streets & neighborhoods at real scale. Load for prompts like "house", "building", "cabin", "tower", "city", "skyline", "street", "town", "village", "neighborhood", or any named real-world place.
- **spline-3d-boolean-operations**: Boolean (CSG) operations: carving holes, windows and tunnels with subtract(), merging shapes with union(), keeping overlaps with intersect() — operand ordering (which object survives a subtract), live editing of operands, adding cutters later, materials on the result, closed-geometry rules, and performance. Load for prompts like "make a hole", "cut out", "carve", "boolean", "subtract", "hollow out", "window in a wall", "tunnel", "merge these shapes".
- **spline-3d-building-scenes**: Composing full scenes: units & spatial layout, grounding objects, scatter loops & cloner randomness for dense dressing, lighting & shadow tuning, fog/AO atmosphere, camera framing, color palettes, typography & the font catalog, prettify/style, arranging and grouping.
- **spline-3d-game-audio**: Procedural WebAudio sound effects for games and interactive scenes (no audio assets): the shared synth helpers, AudioContext resume-on-gesture wiring, and per-effect recipes — engine hum, weapons, footsteps, pickups, win/lose stingers. Load alongside the games skill when writing the sound code.
- **spline-3d-game-controls**: The built-in Game Controls feature — load ONLY when the user explicitly asks for it (says 'game controls', wants the editor's built-in character controller, touch joysticks, or a navmesh): the GameControl event (keyAssignments key mapping, walk/fly, collider, follow camera, idle/move/jump/run action containers), pairing it with physics() so the character stands on and pushes the decor, and Collision/Trigger events for pickups, obstacles and goal zones. Code-driven games (the default) are the `games` skill.
- **spline-3d-game-example**: The complete worked example for the games skill: a drive-&-collect game end to end — the run_code scene call and the full HTML game document (start gate, input, fixed-timestep loop, chase camera with exact aim math, JS collisions, HUD, restart-from-snapshots, sound hooks). Load it when building a NEW game or game-like scene; edits to an existing game usually only need the games skill itself.
- **spline-3d-games**: DEFAULT recipe for playable games and game-like scenes: plain JS code logic in the HTML layer (set_html_content + the spline bridge) — start-screen gate, HUD, keyboard input, a rAF game loop, a glitch-free chase camera, JS collision checks — with the scene built by run_code and sound recipes in game-audio. The built-in Game Controls feature is OPT-IN only (load game-controls when the user explicitly asks for it).
- **spline-3d-hair**: Hair Systems: simulated strands (hair, fur, grass, fibers) via hair() — growing strands from an object's surface or a built-in scalp, strand shape (length, width, kink/curl, clumping), physics (gravity, wind, stiffness), root/mid/tip coloring or inheriting the base object's surface color, and recipes (character hair, fur, grass). Load for prompts like "hair", "fur", "furry", "fluffy", "grass", "beard", "mustache", "hairy".
- **spline-3d-html-content**: HTML content over the 3D canvas (set_html_content) — the DEFAULT home of motion and behavior code (animation loops, interaction logic, game loops; headless script-only documents are fine) as well as web UI. The full injected `spline` bridge API: direct object control (updateObject), runtime creation (createObject/spawnObject/setInstanceTransforms), custom three.js/TSL shader materials (createCustomMaterial), queries, variables/events, console — plus the transparent-background + pointer-passthrough rules and Play-mode caveats. Load BEFORE writing any HTML document.
- **spline-3d-interactivity**: The built-in Events & Actions machinery — for EDITING interactivity a scene already has, for features only events provide (Scroll/Collision/Trigger/DragDrop/LookAt/Follow, variables + property bindings), for sensor events bridging clicks/hovers into code, and for explicit user asks. NEW interactive behavior is code-driven by default (the `animation` skill + the spline bridge). Covers event/action types, creating and editing them (updateEvent/updateAction/updateTween/remove*), states, variables (basic + dynamic), and inspecting existing interactivity via get_objects.
- **spline-3d-lathe**: The Lathe primitive: revolving a 4-point bezier profile around Y into vases, bottles, bowls, cups, glasses, lamp bases, chess pieces, columns, domes. The points contract (x = radius, y-down, top-first), sizing behavior, segments, open rims & double-siding, profile recipes, and multi-lathe / customMesh fallbacks for complex silhouettes. Load for prompts like "vase", "bottle", "bowl", "cup", "pot", "goblet", "lathe".
- **spline-3d-materials-and-look**: Material layer stacks (color, shading/light category, gradient, fresnel, glass/transmission, depth, texture, displace terrain relief), decal stickers/splashes/impact marks stamped onto surfaces, flatShading/side, animated material tweens, layer/addLayer/updateLayer/removeLayer, opacity, lighting for good looks, fog/AO atmosphere, and backgrounds.

## Example prompts

- "Create an interactive 3d music player"
- "Build a 3d cooking game"
- "Make a 3d chair configurator"

## Related

- [Canva](https://chatgptplugins.directory/apps/canva.md): Create, resize, edit and review Canva designs from a chat
- [Figma](https://chatgptplugins.directory/apps/figma.md): Create designs, diagrams and FigJam boards and ship them to code
- [tldraw](https://chatgptplugins.directory/apps/tldraw.md): An infinite canvas for diagrams, wireframes and boards in ChatGPT and Codex
- [Runway](https://chatgptplugins.directory/apps/runway.md): Generate and edit images, video and audio with AI models
- [Miro](https://chatgptplugins.directory/apps/miro.md): Summarize, update and build Miro boards
- [Lucid](https://chatgptplugins.directory/apps/lucid.md): Generate Lucidchart diagrams and summarize your boards

---
Source: https://chatgptplugins.directory/apps/spline · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.