Tileio
Ready-made website code layers with setup instructions
Browse and customize nearly 1,000 code layers including templates, sections, elements, vectors, 3D scenes, backgrounds and gradients. Tune them in the browser
About this launch
Tileio is a library of ready-made website code layers for developers and designers. The collection includes templates, sections, pages, interface elements, vector packs, 3D scenes, animated backgrounds and shader gradients—nearly 1,000 layers in total.
Each layer can be tuned live in the browser by adjusting parameters like palette, speed, scale and grain. Users can copy the layer as a prompt and paste it into an AI coding tool like Claude, Cursor or v0, which generates the component and integrates it into the project. All prompts include setup instructions and work across multiple tech stacks.
The library is organized by type: 118 templates, 273 sections, 80 pages, 130 elements, 70 vectors, 75 3D scenes, 95 backgrounds and 100 gradients. Free layers include the full prompt; premium layers offer commercial licensing and access to source files with paid plans.
What it does
- 118 landing page templates with motion
- 273 self-contained page sections
- 80 standalone pages (404, pricing, sign-in, résumé, status, coming soon)
- 130 UI elements with interactions
- 70 SVG icon and shape packs
- 75 real-time 3D scenes with WebGL
- 95 animated CSS, SVG and Canvas backgrounds
- 100 pointer-interactive WebGL gradients
- Live tuning in the browser with adjustable parameters
- Support for multiple tech stacks (Next.js, React, Vue, Svelte and others)
Pricing
Pricing model: Freemium
Free: US$0 for good, includes every free layer with full prompt and 3 premium prompts a day with account (1 without). Pro: US$59/year or US$12/month, includes 30 premium prompts a day with commercial licence. Lifetime: US$89 once for first 100 buyers, then US$129, includes every prompt with no daily
Shopper questions
Can I use layers in client work?
Yes, with Pro, Lifetime or a Team seat you can use the code, structure and motion of any layer in unlimited commercial projects for yourself or clients, without attribution required.
Can I use free layers commercially?
No, free layers are for trying Tileio and for personal non-commercial projects. Commercial use requires Pro or Lifetime.
How does the daily limit work?
Each premium layer you copy counts once per day UTC. Copying it again the same day for another stack or palette is free. Free layers never count. The limit resets at midnight UTC: 1 without an account, 3 with a free account, 30 with Pro, no limit with Lifetime.
What happens to my projects if I cancel?
Projects you created while you had a paid plan stay licensed after cancellation. Pro stays active until the end of the year or month you paid for, then the account returns to Free.
How do Team seats work?
Team is US$199 per year for 5 seats including the owner. The owner invites people by email; each person signs in and gets Pro on their own account with their own daily limit. The owner can remove and invite people at any time, or make someone else the owner.
Tileio has a free listing. The owner can unlock the full profile with a paid launch for $5:
- Founder story (locked)
- Milestones (locked)
- Demo video (locked)
- Dofollow website link (locked)
Shoppers also viewed
- Iconaut
Design tools
- Voilà Charts
Design tools
- Emblematic
Design tools
- Flash DSM
Design tools
