Micro-apps
Describe an interactive app in chat and Tyrex composes it from building blocks — 3D scenes, forms, games, live data. Play, remix, share, embed, or sell it.
Micro-apps are the difference between a chat that tells you something and a chat that builds you something. Instead of a text answer, Tyrex composes a real, interactive app — a 3D globe, a habit tracker with a streak calendar, a quiz with confetti — and renders it right inside the conversation. You can play with it immediately, then keep asking for changes until it's yours.
Micro-apps are made from a catalog of low-level building blocks (69 primitives and growing): layout, text, buttons, forms, tabs, charts, 3D scenes, particles, animated SVG, and more. The AI composes them freely — there are no fixed templates and no app-type whitelist. Say what you want in plain language and Tyrex figures out the composition.
Build one from chat
Just describe what you want in any chat. Tyrex builds the app step by step, checking the result against a validation wall before it renders:
- "Bikin kalkulator KPR dengan slider tenor dan grafik cicilan"
- "A weather app with a 3D background that changes with the hour"
- "A habit tracker with a weekly calendar and streak counter"
- "A quiz game with scoring, a timer, and confetti when you win"
- "Bikin form feedback buat klien dengan rating bintang"
The app appears as a card in the chat — interactive immediately. No code, no deployment.
Tyrex only builds a micro-app when it's actually useful — it will ask before composing one, and it never turns an ordinary answer into an app on its own.
Remix with prompts
You don't need to start over to change an app. Edit it in place with plain language:
- "Ubah jadi biru" — Tyrex reads the current composition and restyles it
- "Tambah kolom stok" — Tyrex inserts a new block
- "Kasih counter" — Tyrex adds state and a button wired to it
- "Batal, balikin yang tadi" — Tyrex restores the previous version (every edit is snapshotted)
Each change updates the same card in place — no duplicate bubbles, no stale preview.
Blocks you can use
The catalog covers a wide range — here's a taste:
| Category | Blocks |
|---|---|
| 3D | scene-3d (real three.js: globe, cube, torus, teapot, 3D text, extruded SVG logos, particle clouds that assemble into shapes like "81" or an island outline, lighting, shadows, physics-lite) · tilt-3d · card-flip · orbit · parallax-scene |
| Visual WOW | particles (sparkles/stars/snow/rain/confetti) · svg (animated SVG: morph, draw-on, gradients) · animated-card · ripple |
| Layout & structure | container · grid · tabs · accordion · carousel · timeline · steps · modal · toast |
| Input & forms | input · select · slider · textarea · form · button · toggle · radio |
| Data & live | table · chart (recharts) · chart-live (streaming) · gauge · calendar · live-clock · qrcode |
| Utilities | text · image · divider · spacer · geo-location · draw-canvas · drag-sort |
Every block accepts style and className overrides, so the AI has full creative freedom — the same block can look completely different in two apps.
Data behind your app (Excel-db)
Micro-apps can read and write structured data through Excel-database — a per-user spreadsheet store the AI manages for you. Perfect for things like a daily habit log, a menu with stock, or a simple order tracker:
- Ask Tyrex to create a database, e.g. "Bikin database diet harian: tanggal, berat, catatan."
- Tyrex creates it and remembers its name — it becomes part of your AI's knowledge.
- Forms in micro-apps can append rows; tables and charts can render live data and auto-refresh (set a refresh interval from 1 to 60 seconds).
- Ask questions any time: "Berapa rata-rata berat minggu ini?"
Databases live in your account and are never exposed on public pages.
Workflows, images, and scheduling
Micro-apps connect to the rest of the platform:
- Workflows — a form in a micro-app can trigger a workflow run; a workflow result can render as a micro-app.
- Image generation — micro-apps can display generated images (cards, posters) as part of the composition.
- Scheduling — dashboards inside micro-apps can refresh automatically on an interval.
Share it
Every micro-app you build starts private. You control exposure:
- Public link — publish an app to get a standalone shareable page at
ai.tyrex.id/m/{id}. Anyone can open and play with it — no account needed. - Persona page — attach a micro-app to one of your personas to show it on your public page at
ai.tyrex.id/u/{slug}, alongside your identity.
Your free plan includes one published app — enough to show the world what you made. Upgrade for more.
Embed it anywhere
Put your micro-app on your own website with an iframe, or use the embed script for automatic height:
<iframe
src="https://ai.tyrex.id/embed/YOUR_APP_ID"
width="100%"
height="480"
style="border:0;border-radius:12px;overflow:hidden"
loading="lazy"
></iframe>
Or with the script (auto-resizes to fit the app):
<div id="tyrex-app"></div>
<script src="https://ai.tyrex.id/tyrex-embed.js"></script>
<script>
TyrexEmbed.create({ el: '#tyrex-app', id: 'YOUR_APP_ID' });
</script>
Public and embedded apps render the UI and its interactions, but never your private data — no Excel-db contents, no personal files. Anything sensitive stays in your dashboard.
Sell it on the Marketplace
Published micro-apps can also be listed in the Marketplace — free (as a lead magnet with live preview) or paid. Buyers get a remixable copy in their account, attributed to you as the source. Anyone can remix a free app or a purchased one; remixing is how apps spread.