Skip to content
UT Studio
Search products

Demos

Use it before you buy it

Three complete applications, running here in the browser. No account, no signup, and nothing you do is saved — they exist so you can judge the quality of a UT Studio product by using one.

  • Live demoSaaS

    Atlas

    A production-shaped SaaS dashboard.

    The screens every SaaS product needs and most templates get wrong: an overview that answers a question rather than filling a grid, project and team management with real states, and a billing screen that reads like a bill rather than a pricing page.

    Highlights

    • Overview that answers a questionFour figures that a founder actually checks on a Monday, each with the comparison that makes it mean something.
    • Projects with real statesActive, at risk, archived and empty — including what an account looks like on day one.
    • Team and rolesInvitations pending, roles that differ, and a seat count that is a constraint rather than a decoration.
    • Billing as a billCurrent plan, usage against limits, and an invoice history — the screen customers actually open.

    Screens

    Overview · Projects · Team · Billing · Settings

    Built with

    • Next.js App Router
    • TypeScript
    • Tailwind CSS
    • Inline SVG charts
    Open Atlas

    UT SaaS Starter — coming to UT Studio

  • Live demoAI

    Beacon

    An AI workspace with sources you can check.

    A conversational interface built around the part that matters: where an answer came from. Streaming responses, markdown and code rendering, a document library, and a context panel that shows which sources produced which claim.

    Highlights

    • Streaming that reads naturallyToken-paced rendering with a stop control, so the interface behaves the way a real assistant does.
    • Sources beside the answerEvery response cites documents from the library, and the panel shows which passage supported which claim.
    • Markdown and codeHeadings, lists, tables and syntax-highlighted blocks with copy actions that actually copy.
    • Usage you can readMessages, tokens and cost against a plan limit — the screen that stops a surprise invoice.

    Screens

    Chat · Documents · Usage · Settings

    Built with

    • Next.js App Router
    • TypeScript
    • Tailwind CSS
    • No AI vendor
    Open Beacon

    UT AI Starter — coming to UT Studio

  • Live demoAdmin & CRM

    Ledger

    An operations console for a real business.

    The admin surface an operator lives in: customers with history rather than rows, orders that explain themselves, bulk actions that say what they will do, and filters that survive a page reload.

    Highlights

    • Customers with historyA detail drawer showing orders, lifetime value and the activity that explains both.
    • Filters that survive a reloadSearch, status and sort live in the URL, so a filtered view is shareable and the back button works.
    • Bulk actions that are honestSelection announces its own count, and the action names exactly what it will affect before it runs.
    • Every state drawnLoading, empty, filtered-to-nothing and failed — the four screens templates skip.

    Screens

    Overview · Customers · Orders · Products · Activity

    Built with

    • Next.js App Router
    • TypeScript
    • Tailwind CSS
    • Native dialog
    Open Ledger

    UT Admin Pro — coming to UT Studio

What these are, and what they are not

Every demo runs on sample data that is reset on each page load. Nothing is stored, no payment is taken, and no account is created. They share the UT Studio design system with the rest of this site, which is the point: the components you see here are the components a product ships with.