Docs
What is Tileio?
A library of design layers — templates, sections, pages, elements, vectors, 3D scenes, backgrounds and gradients — written so an AI coding assistant can rebuild them inside your project. You tune a layer in the browser, copy the prompt, paste it into Claude, Cursor or ChatGPT.
Why a prompt and not a package?
A prompt is stack-agnostic. By default it asks for one self-contained HTML file; pick another target and the same layer arrives as a Next.js component, a Vue SFC, a WordPress block, a Shopify section or a Webflow embed.
Gradients
Pure WebGL fragment shaders, about a kilobyte, pointer-interactive, with named uniforms. The copied prompt carries the shader, the runtime and the values you set.
3D scenes
Self-contained three.js scenes with a CONFIG object and a controls panel. Tune, then copy the prompt that rebuilds the scene with your values. Source download on paid plans.
Pages and elements
A page is one standalone job (coming soon, 404, pricing, sign-in, résumé, status) with one mechanic; an element is one component with one interaction (a button, a cursor, a loader, a card, a text or image effect). Both ship as self-contained HTML with tokens on :root, and the prompt turns them into the route or component your framework expects.
Vectors
SVG packs: icons, shapes, dividers, patterns, badges, mockups, avatars, logo marks, illustrations. Every glyph in a pack is drawn to the same grid in the same style and lives as a <symbol> in one sprite file. Colour comes from CSS variables, animation from a draw-on convention; download the sprite or copy a single glyph.
Licence
Free layers are for trying the product. Paid plans include a commercial licence for the code, copy structure and motion, with no attribution. You may not redistribute prompts or source as a competing library.
Photos and names
Photographs in templates are placeholders hotlinked from Unsplash under the Unsplash licence: free to use, but Unsplash does not guarantee model or property releases, so replace them with your own imagery before launch (every prompt lists each photo with its photographer). Company names, people and figures in the demos are fictional.