llms.txt
1 field changed
- file
-
absentpublished
+ # Tileio+ > A library of 727 design layers for websites (templates, sections, pages, elements, SVG vectors, three.js scenes, animated backgrounds and WebGL gradients). Each layer is tuned in the browser and copied as a prompt for an AI coding tool such as Claude, Cursor or ChatGPT, for single HTML, Next.js, React, Vue, Astro, WordPress, Shopify or Webflow.+ Tileio sells digital design layers and prompts only: no design, consulting or other services. The businesses in the layer demos are fictional. Free layers are for personal use; commercial use needs Pro or Lifetime.+ ## Categories+ - [Templates](https://tileio.com/templates): 107 layers. Whole landing pages, motion and all.+ - [Sections](https://tileio.com/sections): 210 layers. Self-contained page blocks with their motion already wired.+ - [Pages](https://tileio.com/pages): 60 layers. Standalone pages with one job: coming soon, 404, pricing, sign-in, résumé, status.+ - [Elements](https://tileio.com/elements): 80 layers. One component, one interaction: buttons, cursors, loaders, cards, text and image effects.+ - [Vectors](https://tileio.com/vectors): 60 layers. SVG packs drawn to one grid: icons, shapes, dividers, patterns, badges, avatars.+ - [3D Scenes](https://tileio.com/3d-scenes): 60 layers. Real-time WebGL: particles, fluid, terrain.+ - [Backgrounds](https://tileio.com/backgrounds): 70 layers. Animated backdrops in CSS, SVG or Canvas, a few kilobytes each, ready to sit behind anything.+ - [Gradients](https://tileio.com/gradients): 80 layers. Pointer-interactive gradients in pure WebGL, about a kilobyte.+ ## Collections+ - [404 page templates](https://tileio.com/c/404-page-template): Eight standalone 404 pages, from a did-you-mean search to a playable maze, plus a pack of error illustrations for building your own.+ - [AI startup website templates](https://tileio.com/c/ai-startup-website-template): Eight AI startup website templates whose hero is a working demo: a streaming playground, a live diff, a support queue, an agent graph, a fraud radar.+ - [Animated CSS backgrounds](https://tileio.com/c/animated-background-css): Twelve animated backgrounds whose motion is CSS keyframes: mesh gradients, aurora curtains, fog, stripes and grids, each between 3.5 and 5.2 KB.+ - [Animated gradient backgrounds](https://tileio.com/c/animated-gradient-background): Twelve animated gradient backgrounds in WebGL: peach skin, cloud banks, deep sea, candlelight, tie-dye, watercolour, nacre, opal, bokeh, an ice halo.+ - [Animated SVG backgrounds](https://tileio.com/c/animated-svg-background): Twelve animated SVG backgrounds: circuit traces with pulses, goo blobs, a hex pulse grid, isometric cubes, moiré rings, contour lines, paper grain, wave lines.+ - [Bento grid sections](https://tileio.com/c/bento-grid): Ten bento grid sections, pages and templates where the tiles work: live demos, linked product tiles, scrubbable project frames, stats that switch units.+ - [Bolt.new prompts for interactive pages](https://tileio.com/c/bolt-new-prompts): Ten Bolt.new prompts for pages with real logic: an ROI calculator, quizzes, an NPS survey, a booking widget, a status page, help search, a changelog.+ - [Button hover effects](https://tileio.com/c/button-hover-effects): Ten button hover effects: magnetic pull, a border beam, shimmer, liquid fill, sliding icons, rolling letters, a glow, a 3D press and a pointer ripple.+ - [Canvas background animations (HTML5)](https://tileio.com/c/canvas-background-animation): Twelve HTML canvas background animations: ASCII shimmer, caustic light, a clock grid, cross-hatching, dithering, halftone waves, Game of Life, matrix rain.+ - [Card hover effects (CSS and JS)](https://tileio.com/c/card-hover-effect): Twelve card hover effects: 3D tilt with depth, holographic foil, a spotlight border, frosted glass, lift and zoom, flip cards, a fanned hand, magnetic cards.+ - [ChatGPT prompts for website design](https://tileio.com/c/chatgpt-website-design-prompts): Ten free ChatGPT prompts for website design: a marquee hero, scroll counters, timelines, a draggable filmstrip, a snapping rail, goal rings, a mini player.+ - [Claude website prompts for whole pages](https://tileio.com/c/claude-website-prompts): Ten Claude website prompts for whole pages in one HTML file: four immersive three.js sites, a particle agency, a photographer, a UI library, a tree surgeon.+ - [Coming soon page templates](https://tileio.com/c/coming-soon-page-template): Eight coming soon pages and a waitlist template: countdowns, queue positions, launch progress and teasers, each with an email form.+ - [Contact form designs](https://tileio.com/c/contact-form-design): Ten contact form designs: floating labels, a multi-step form, a chat-style form, address autocomplete, booking calendars, file upload, triage, office cards.+ - [Cursor effects](https://tileio.com/c/cursor-effects): Eleven cursor effects for websites: blend-mode blobs, a dot and ring, image trails, magnetic snapping, a labelled cursor and pointer spotlights.+ - [Cursor prompts for landing pages](https://tileio.com/c/cursor-prompts): Ten Cursor prompts that build a landing page in order, navbar to footer, each as a typed component in your repo: hero, logos, features, pricing, FAQ, CTA.+ - [Dark landing page templates](https://tileio.com/c/dark-landing-page-template): Twelve dark landing page templates for music, fashion, food, hardware, games and software, each built around one signature interaction.+ - [Ecommerce website templates](https://tileio.com/c/ecommerce-website-template): Twelve ecommerce website templates for single-brand shops: sneaker and shoe drops, ceramics, bikes, cosmetics, perfume, coffee, bread and dog treats.+ - [Education website templates](https://tileio.com/c/education-website-template): Eight education website templates: an online school, a course presale, a coding bootcamp, a university, a music app, a sailing school, a dive centre.+ - [FAQ accordions](https://tileio.com/c/faq-accordion): FAQ sections built on accordions, with search, illustrations and video answers, plus tabbed, sticky, card and chat alternatives.+ - [Features section designs](https://tileio.com/c/features-section-design): Ten features section designs: tabs with progress bars, a pinned phone, sticky steps, icons that draw themselves, a spotlight grid, a with/without toggle.+ - [Fintech landing page templates](https://tileio.com/c/fintech-landing-page-template): Eight fintech and finance landing page templates: business banking, a payments API, invoicing, fraud scoring, wealth, insurance, carbon accounting.+ - [WebGL gradient hero sections](https://tileio.com/c/gradient-hero-section): Twelve WebGL gradients calm enough to sit behind a headline: aurora, dusk, haze, silk and smoke, each one shader that follows the pointer.+ - [GSAP website templates](https://tileio.com/c/gsap-templates): Ten GSAP website templates on ScrollTrigger, SplitText, Flip and Draggable with Lenis: blocks that snap into place, a re-typeset lineup, a throwable rail.+ - [Hero section designs](https://tileio.com/c/hero-section-design): Ten hero section designs: a bento of live tiles, a dealt card fan, a form-first hero, a gradient sweep, a marquee poster, light rays, scroll-scrubbed video.+ - [Interactive gradient backgrounds](https://tileio.com/c/interactive-gradient-background): Twelve WebGL gradients where the pointer does something physical: drops ripples, wipes fogged glass, pulls a spring mesh, realigns iron filings or stirs ink.+ - [Light theme landing page templates](https://tileio.com/c/light-landing-page-template): Twelve light landing page templates on paper, stone and white grounds, for accountants, clinics, hotels, florists, shops, studios and trades.